diff --git a/mailpoet/assets/css/src/components-automation-editor/_errors.scss b/mailpoet/assets/css/src/components-automation-editor/_errors.scss index cd767b18fd..0b41bfa697 100644 --- a/mailpoet/assets/css/src/components-automation-editor/_errors.scss +++ b/mailpoet/assets/css/src/components-automation-editor/_errors.scss @@ -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; + } +} diff --git a/mailpoet/assets/img/icons/warning.svg b/mailpoet/assets/img/icons/warning.svg new file mode 100644 index 0000000000..9a516ec53b --- /dev/null +++ b/mailpoet/assets/img/icons/warning.svg @@ -0,0 +1,4 @@ + + + +