Rename ObservableRole variants
Also rename corresponding CSS classes and add methods to check roles.
This commit is contained in:
parent
677ef47544
commit
af2724f934
4 changed files with 30 additions and 16 deletions
|
|
@ -127,7 +127,7 @@ details[open]:has(li) .element-switch::after {
|
|||
font-style: italic;
|
||||
}
|
||||
|
||||
.observable.invalid {
|
||||
.observable.invalid-constraint {
|
||||
color: var(--text-invalid);
|
||||
}
|
||||
|
||||
|
|
@ -138,7 +138,7 @@ details[open]:has(li) .element-switch::after {
|
|||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.observable.invalid > input[type=text] {
|
||||
.observable.invalid-constraint > input[type=text] {
|
||||
border-color: var(--border-invalid);
|
||||
}
|
||||
|
||||
|
|
@ -150,11 +150,11 @@ details[open]:has(li) .element-switch::after {
|
|||
font-style: normal;
|
||||
}
|
||||
|
||||
.constrained > .status::after, details:has(.constrained):not([open]) .status::after {
|
||||
.valid-constraint > .status::after, details:has(.valid-constraint):not([open]) .status::after {
|
||||
content: '🔗';
|
||||
}
|
||||
|
||||
.invalid > .status::after, details:has(.invalid):not([open]) .status::after {
|
||||
.invalid-constraint > .status::after, details:has(.invalid-constraint):not([open]) .status::after {
|
||||
content: '⚠';
|
||||
color: var(--text-invalid);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue