luci-theme-bootstrap: further uci changelog style fixes

- Use the proper dialog class name to apply changelog styles
 - Darken grey background and borders

Fixes: 5bd111f58f ("luci-theme-bootstrap: fix uci changelog and readonly input styles")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2021-11-17 13:11:00 +01:00
parent e29dd99049
commit 00dc07bb84

View file

@ -2280,34 +2280,34 @@ div.cbi-value var.cbi-tooltip-container,
white-space: pre;
}
.uci-change-dialog div > del,
.uci-change-dialog div > ins,
.uci-change-dialog div > var {
.uci-dialog div > del,
.uci-dialog div > ins,
.uci-dialog div > var {
margin-bottom: 2px;
border: 1px solid hsla(var(--border-color-high-hsl), .6);
border: 1px solid var(--border-color-high);
line-height: 15px;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px;
position: relative;
background-color: hsla(var(--background-color-low-hsl), .3);
background-color: var(--background-color-low);
}
.uci-change-dialog div > ins {
.uci-dialog div > ins {
background-color: rgba(var(--success-color-high-rgb), .3);
border-color: rgba(var(--success-color-high-rgb), .6);
}
.uci-change-dialog div > del {
.uci-dialog div > del {
background-color: rgba(var(--error-color-high-rgb), .3);
border-color: rgba(var(--error-color-high-rgb), .6);
}
.uci-change-dialog var > ins {
.uci-dialog var > ins {
background-color: rgba(var(--success-color-high-rgb), .3);
}
.uci-change-dialog var > del {
.uci-dialog var > del {
background-color: rgba(var(--error-color-high-rgb), .3);
}
@ -2316,9 +2316,9 @@ div.cbi-value var.cbi-tooltip-container,
text-overflow: ellipsis;
}
.uci-change-dialog del,
.uci-change-dialog ins,
.uci-change-dialog var {
.uci-dialog del,
.uci-dialog ins,
.uci-dialog var {
text-decoration: none;
font-family: monospace;
font-style: normal;