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 +13 -7
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 384baffd71 - Show all commits

19
static/dsfr/_custom.scss
View File

@ -493,13 +493,18 @@ a.add-more-items--button {
margin-top: 0;
}
.widget div.error {
color: $error-525;
margin-left: 0;
font-weight: normal;
padding-left: 1.5rem;
background: url(error-fill-red.svg) left 0.4rem no-repeat;
background-size: 1rem;
@if ($field-on-error-style == custom) {
.widget div.error {
color: $error-525;
margin-left: 0;
font-weight: normal;
padding-left: 1.5rem;
background: url(error-fill-red.svg) left 0.25rem no-repeat;
background-size: 1rem;
&::before {
content: none;
}
}
}
#footer {

1
static/dsfr/_vars.scss
View File

@ -60,6 +60,7 @@ $widget-custom-radio-checkbox: true;
$widget-custom-radio-checkbox-color: $blue-france-500;
$widget-custom-radio-checkbox-border-color: $grey-800;
$widget-custom-radio-checkbox-marker-color: $blue-france-500;
$field-on-error-style: custom;
$footer-background: white;
$footer-color: $font-color;