mirrors/wagtail
mirrors/wagtail
0
0
Fork 0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 01:22:07 +01:00
Code Issues Releases Wiki Activity

Convert error messages to SVG icons

Browse Source
This commit is contained in:
Thibaud Colas 2023-03-24 14:54:23 +00:00
parent 47cad1f2d3
commit 6adc13abf2
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/scss/components/forms/_error-message.scss
View File

@ -11,11 +11,13 @@
forced-color-adjust: none;
}
// UI-Redesign: to be added via js and styled here
// TODO Forms
&::before {
font-family: $font-wagtail-icons;
content: '';
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -10%;
content: map.get($icons, 'warning');
mask-image: url('#{$images-root}icons/warning.svg');
background-color: currentColor;
}
}

3
wagtail/admin/static_src/wagtailadmin/images/icons/warning.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" id="icon-warning" viewBox="0 0 512 512">
<path d="M506.3 417 293 53c-16.33-28-57.54-28-73.98 0L5.82 417c-16.41 27.9 4.029 63 36.92 63h426.6c32.76 0 53.26-35 36.96-63zM232 168c0-13.25 10.75-24 24-24s24 10.8 24 24v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zm24 248c-17.36 0-31.44-14.08-31.44-31.44s14.07-31.44 31.44-31.44 31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 438 B