mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-28 01:53:25 +00:00
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:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user