Rename ObservableRole variants

Also rename corresponding CSS classes and add methods to check roles.
This commit is contained in:
Aaron Fenyes 2025-01-26 17:48:32 -08:00
parent 677ef47544
commit af2724f934
4 changed files with 30 additions and 16 deletions

View file

@ -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);
}