luci-theme-openwrt-2020: add styles for disabled input elements
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
parent
d9bd5466a4
commit
eb8eeb45de
1 changed files with 15 additions and 1 deletions
|
@ -903,7 +903,7 @@ button.important {
|
|||
|
||||
button[disabled], button.disabled, .btn[disabled], .btn.disabled {
|
||||
pointer-events: none;
|
||||
opacity: .5;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.cbi-button-apply, .cbi-button-positive {
|
||||
|
@ -970,6 +970,12 @@ button[disabled], button.disabled, .btn[disabled], .btn.disabled {
|
|||
background: var(--danger-color);
|
||||
}
|
||||
|
||||
.cbi-checkbox input[type="checkbox"][disabled] + label::before,
|
||||
.cbi-checkbox input[type="checkbox"][disabled] + label::after {
|
||||
pointer-events: none;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
input:not([type]),
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
|
@ -993,6 +999,14 @@ select:focus,
|
|||
border-color: var(--main-dark-color);
|
||||
}
|
||||
|
||||
input[disabled]:not([type]),
|
||||
input[disabled][type="text"],
|
||||
input[disabled][type="password"],
|
||||
select[disabled] {
|
||||
opacity: .6;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
input:not([type]) + .btn, input:not([type]) + button,
|
||||
input[type="text"] + .btn, input[type="text"] + button,
|
||||
input[type="password"] + .btn, input[type="password"] + button {
|
||||
|
|
Loading…
Reference in a new issue