Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Style error messages and fields

Browse Source 
[MAILPOET-4700]
This commit is contained in:
David Remer
2022-10-21 10:40:04 +03:00
committed by Jan Jakeš
parent 63b1f1670b
commit d94dabb8d6
2 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
mailpoet/assets/css/src/components-automation-editor/_errors.scss
View File

@ -30,3 +30,31 @@
outline: none;
}
}
.mailpoet-automation-field__error {
position: relative;
input,
select,
textarea {
background: right top/26px no-repeat url('../../img/icons/warning.svg');
padding-right: 26px;
}
select,
input[type=number] {
background-position-x: calc(100% - 26px);
padding-right: 8px !important;
}
.components-base-control__help,
.mailpoet-automation-field-message {
color: #d63638;
}
.components-button.mailpoet-automation-button-sidebar-primary,
.components-button.mailpoet-automation-button-sidebar-primary.has-text,
.components-button.mailpoet-automation-button-sidebar-primary.has-icon {
background: #d63638;
}
}

4
mailpoet/assets/img/icons/warning.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24">
<!-- Source: https://github.com/WordPress/gutenberg/blob/9d02445e800fb023195072c5a755a899c1dcc210/packages/icons/src/library/warning.js -->
<path fill="#d63638" d="M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm1.13 9.38l.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 496 B