Require regulators to have valid specifications
When an invalid specification is entered into a regulator input, keep it confined to that input. Reset a regulator input by pressing *escape*.
This commit is contained in:
parent
fef4127f69
commit
302d93638d
3 changed files with 49 additions and 26 deletions
|
|
@ -133,28 +133,25 @@ details[open]:has(li) .element-switch::after {
|
|||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.regulator.invalid-constraint {
|
||||
color: var(--text-invalid);
|
||||
}
|
||||
|
||||
.regulator > input {
|
||||
.regulator-input {
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.regulator > input::placeholder {
|
||||
.regulator-input::placeholder {
|
||||
color: inherit;
|
||||
opacity: 54%;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.regulator.valid-constraint > input {
|
||||
.regulator-input.constraint {
|
||||
background-color: var(--display-background);
|
||||
}
|
||||
|
||||
.regulator.invalid-constraint > input {
|
||||
.regulator-input.invalid {
|
||||
color: var(--text-invalid);
|
||||
border-color: var(--border-invalid);
|
||||
}
|
||||
|
||||
|
|
@ -166,7 +163,7 @@ details[open]:has(li) .element-switch::after {
|
|||
font-style: normal;
|
||||
}
|
||||
|
||||
.invalid-constraint > .status::after, details:has(.invalid-constraint):not([open]) .status::after {
|
||||
.regulator:has(.invalid) > .status::after, details:has(.invalid):not([open]) .status::after {
|
||||
content: '⚠';
|
||||
color: var(--text-invalid);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue