entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 9 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 +18 -16
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c3a5a66603 - Show all commits

33
static/toulouse-2022/_custom.scss
View File

@ -521,22 +521,23 @@ div#rub_service {
h4 {
@extend .h3;
}
div.error {
font-weight: normal;
font-size: $fz-small;
color: $error-color;
background: none;
padding-left: 0;
&::before {
pointer-events: none;
content: "\f071"; // triangle-exclamation
font-family: FontAwesome;
font-size: 20px;
color: $salmon-dark;
}
p {
display: inline;
padding-left: 0.5rem;
@if ($field-on-error-style == custom) {
div.error {
font-weight: normal;
font-size: $fz-small;
color: $error-color;
background: none;
padding-left: 0;
&::before {
pointer-events: none;
content: "\f071"; // triangle-exclamation
font-family: FontAwesome;
font-size: 20px;
color: $salmon-dark;
}
p {
padding-left: 0.5rem;
}
}
}
.submit-button button::after {

1
static/toulouse-2022/_vars.scss
View File

@ -93,6 +93,7 @@ $button-hover-background: $salmon;
$title-background: transparent;
$error-color: #D00000;
$field-on-error-style: custom;
$form-sidebar-position: top;
$wcs-step-color: $font-color;
$wcs-step-current-color: $wcs-step-color;