entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 12 Releases Wiki Activity

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
Conversation 3 Commits 22 Files Changed 34 +16 -9
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4810aadd36 - Show all commits

24
static/lille-metropole-2022/_custom.scss
View File

@ -402,16 +402,22 @@ div.file-upload-widget div.file-button div.widget-message.upload-done::after {
color: green;
}
div.error {
color: $primary-color;
background: url('img/error.svg') center left no-repeat;
}
@if ($field-on-error-style == custom) {
div.error {
color: $primary-color;
background: url('img/error.svg') center left no-repeat;
padding-left: 22px;
&::before {
content: none;
}
}
div.widget-with-error .content {
input, select, textarea, .select2, .file-button {
border: 1px solid $primary-color;
&:focus {
border: $widget-focus-border;
div.widget-with-error .content {
input, select, textarea, .select2, .file-button {
border: 1px solid $primary-color;
&:focus {
border: $widget-focus-border;
}
}
}
}

1
static/lille-metropole-2022/_vars.scss
View File

@ -59,6 +59,7 @@ $cancel-button-style: '%inverted-button';
$widget-focus-border: 1px solid black;
$widget-focus-outline: none;
$field-on-error-style: custom;
$wcs-steps-spacing: 1.25em;
$wcs-steps-background: transparent;