Style error messages and fields
[MAILPOET-4700]
This commit is contained in:
@ -30,3 +30,31 @@
|
|||||||
outline: none;
|
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
4
mailpoet/assets/img/icons/warning.svg
Normal 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>
|
After Width: | Height: | Size: 496 B |
Reference in New Issue
Block a user