Flag constraints with invalid input

This commit is contained in:
Aaron Fenyes 2024-10-30 21:12:40 -07:00
parent 9555d8f784
commit 0a13c062f4
2 changed files with 36 additions and 9 deletions

View file

@ -104,17 +104,37 @@ details[open]:has(li) .elt-switch::after {
font-style: italic;
}
.cst.invalid {
color: #f58fc2;
}
.cst > input[type=checkbox] {
margin: 0px 8px 0px 0px;
}
.cst > input[type=text] {
color: #fcfcfc;
color: inherit;
background-color: inherit;
border: 1px solid #555;
border-radius: 2px;
}
.cst.invalid > input[type=text] {
border-color: #70495c;
}
.status {
width: 20px;
padding-left: 4px;
text-align: center;
font-style: normal;
}
.invalid > .status::after, details:has(.invalid):not([open]) .status::after {
content: '⚠';
color: #f58fc2;
}
/* display */
canvas {