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

lille-metropole-2022: use custom style for field on error (#75382)

This commit is contained in:
Thomas Jund 2023-04-06 17:33:27 +02:00 committed by Frédéric Péters
parent c3a5a66603
commit 4810aadd36
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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;