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