Validation message styles

- Changed to absolute position to avoid reflow
- "Better" style
This commit is contained in:
nathan 2022-04-22 16:07:57 -06:00
parent bc0b8407d2
commit aafbc58cdd

View File

@ -57,6 +57,20 @@ const Et2InputWidgetMixin = (superclass) =>
.input-group__container > .input-group__input ::slotted(.form-control) { .input-group__container > .input-group__input ::slotted(.form-control) {
width: 100%; width: 100%;
} }
/* Validation error styles */
::slotted(lion-validation-feedback[type]) {
position: absolute;
padding: 1ex;
background-color: white;
border-top: 2px solid;
border-bottom: 1px solid;
border-color: var(--primary-color);
z-index: 1;
}
::slotted(lion-validation-feedback[type=error])
{
border-color: red;
}
` `
]; ];
} }