Ensure un-changed field error state shows

When there is a required field that can't be empty. I knew these complex styles would come back to bite me.

◉ Best viewed with whitespace ignored
This commit is contained in:
David Cook
2024-02-07 16:45:47 +11:00
parent c65771eac6
commit 7e186091ff

View File

@@ -165,20 +165,18 @@
}
// "Naked" inputs. Row hover helps reveal them.
tbody input:not([type="checkbox"]) {
background-color: $color-tbl-cell-bg;
height: auto;
font-size: inherit;
font-weight: inherit;
&:not(:focus):not(.changed):not([disabled]) {
border-color: transparent;
tbody {
input:not([type="checkbox"]) {
background-color: $color-tbl-cell-bg;
height: auto;
font-size: inherit;
font-weight: inherit;
}
}
.field_with_errors {
input {
border-color: $color-error;
:not(.field_with_errors) > {
input:not([type="checkbox"]):not(:focus):not(.changed):not([disabled]) {
border-color: transparent;
}
}
}
}