jcarr
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move general :disabled rules to common top section 

Start with general stuff, followed by specific things.
This commit is contained in:
Samuel Mannehed 2025-01-12 23:15:23 +01:00
parent ee08032fe7
commit e092f06d01
1 changed files with 20 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
app/styles/input.css
View File

@ -12,7 +12,11 @@
--input-xpadding: 1em; --input-xpadding: 1em;
} }
input, input::file-selector-button, button, select, textarea { input,
textarea,
button,
select,
input::file-selector-button {
padding: 0.5em var(--input-xpadding); padding: 0.5em var(--input-xpadding);
border-radius: 6px; border-radius: 6px;
appearance: none; appearance: none;
@ -20,6 +24,21 @@ input, input::file-selector-button, button, select, textarea {
/* Respect standard font settings */ /* Respect standard font settings */
font: inherit; font: inherit;
} }
input:disabled,
textarea:disabled,
button:disabled,
select:disabled {
opacity: 0.4;
}
input:focus-visible,
textarea:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible::file-selector-button {
outline: 2px solid var(--novnc-lightblue);
outline-offset: 1px;
}
/* /*
* Text input * Text input
@ -371,28 +390,6 @@ input[type=file] {
input::file-selector-button { input::file-selector-button {
margin-right: 6px; margin-right: 6px;
} }
/*
* Focus (tab)
*/
input:focus-visible,
input:focus-visible::file-selector-button,
button:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 2px solid var(--novnc-lightblue);
outline-offset: 1px;
}
input[type=file]:focus-visible { input[type=file]:focus-visible {
outline: none; /* We outline the button instead of the entire element */ outline: none; /* We outline the button instead of the entire element */
} }
/*
* Disabled
*/
input:disabled,
button:disabled,
select:disabled,
textarea:disabled {
opacity: 0.4;
}