extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use the same style for webcomponent validation messages as legacy messages, update both to latest webcomponent style.

Browse Source
This commit is contained in:
nathan 2022-05-05 15:40:28 -06:00
parent 245fbb2d82
commit ca563cf8fb
2 changed files with 11 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
api/js/etemplate/Et2InputWidget/Et2InputWidget.ts
View File

@ -57,19 +57,6 @@ 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: 5px 1ex;
background-color: white;
border: 1px solid;
border-color: var(--primary-color);
z-index: 1;
}
::slotted(lion-validation-feedback[type=error])
{
border-color: red;
}
` `
]; ];
} }

29
api/templates/default/etemplate2.css
View File

@ -246,7 +246,6 @@ label.et2_label.et2_label_empty > * {
#msg, #msg,
.message { .message {
color: red; color: red;
font-style: italic;
} }
input.et2_url { input.et2_url {
@ -2025,33 +2024,27 @@ table.et2_grid tbody.ui-sortable:not(.ui-sortable-disabled) > tr:not(.th) {
* Message styles * Message styles
*/ */
/* Style used for a generic message (such as success messages or validation errors) */ /* Style used for a generic message (such as success messages or validation errors) */
div.message { div.message, lion-validation-feedback[type] {
display: block; display: block;
border: 1px solid gray; border: 1px solid;
padding: 3px 3px 3px 22px; border-color: var(--primary-color, gray);
margin: 5px 0px 5px 0px; background-color: white;
-webkit-border-radius: 3px; padding: 5px 1ex;
-moz-border-radius: 3px; margin: 0px;
border-radius: 3px;
background-repeat: no-repeat;
background-position: 3px center;
clear: left; clear: left;
max-width: 500px; max-width: 500px;
} }
div.message.floating { div.message.floating, lion-validation-feedback[type] {
display: inline-block; position: absolute;
margin: 0px 5px 0px 5px; margin: 0px;
z-index: 1;
} }
.message.validation_error { .message.validation_error, lion-validation-feedback[type="error"] {
color: #a93030; color: #a93030;
font-style: italic;
background-color: #f3d4d0;
border-color: #a93030; border-color: #a93030;
background-image: url(images/error.png);
background-repeat: no-repeat; background-repeat: no-repeat;
padding-left: 20px;
} }
.message.success { .message.success {