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

dsfr: add icon to error message (#61346)

This commit is contained in:
Frédéric Péters 2022-03-01 13:26:24 +01:00
parent 5d8fce55da
commit acabc0efe3
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/dsfr/_custom.scss
View File

@ -495,11 +495,12 @@ a.add-more-items--button {
}
.widget div.error {
color: $error;
padding-left: 0;
color: $error-525;
margin-left: 0;
font-weight: normal;
background: none;
padding-left: 1.5rem;
background: url(error-fill-red.svg) left 0.4rem no-repeat;
background-size: 1rem;
}
#footer {

5
static/dsfr/_vars.scss
View File

@ -17,7 +17,8 @@ $grey-100: #f8f8f8;
$info: #0762c8;
$success: #008941;
$warning: #fa5c00;
$error: #e10600;
$error-425: #ce0500;
$error-525: #f60700;
$color-focus: #2a7ffe;
// other colours
@ -35,7 +36,7 @@ $font-family: Marianne, Arial, sans-serif;
$font-size: 16px;
$font-color: $grey-700;
$notification_error_color: $error;
$notification_error_color: $error-425;
$notification_warning_color: $warning;
$notification_success_color: $success;
$notification_info_color: $info;

1
static/dsfr/error-fill-red.svg Normal file
View File

@ -0,0 +1 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="#f60700" d="M17.5,2.5h-11L1,12l5.5,9.5h11L23,12L17.5,2.5z M16.2,14.8l-1.4,1.4L12,13.4l-2.8,2.8l-1.4-1.4l2.8-2.8L7.8,9.2l1.4-1.4l2.8,2.8l2.8-2.8l1.4,1.4L13.4,12L16.2,14.8z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 255 B