css: improve styles of form field on error (#75382) #202

Merged
fpeters merged 22 commits from wip/75382-form-field-on-error into main 2023-04-20 18:36:46 +02:00
2 changed files with 11 additions and 8 deletions
Showing only changes of commit f392423f79 - Show all commits

View File

@ -506,14 +506,16 @@ label {
color: $orange;
}
div.widget-with-error {
label {
color: $red;
}
div.content {
input, select, textarea {
border: 1px solid $red;
background: rgba(255, 0, 0, 0.2);
@if ($field-on-error-style == custom) {
div.widget-with-error {
label {
color: $red;
}
div.content {
input, select, textarea {
border: 1px solid $red;
background: rgba(255, 0, 0, 0.2);
}
}
}
}

View File

@ -71,6 +71,7 @@ $widget-focus-outline: none;
$widget-focus-box-shadow: #999 1px 1px 12px;
$widget-custom-radio-checkbox: true;
$widget-unique-checkbox-position: left;
$field-on-error-style: custom;
$buttons-order: cancel, previous, submit;
$buttons-alignment: space-between;