Flag constraints with invalid input
This commit is contained in:
parent
9555d8f784
commit
0a13c062f4
2 changed files with 36 additions and 9 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue