extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-28 16:59:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Et2Checkbox: Use normal color even when required

Browse Source 
Preveiously check was white, which was hard to see on yellow required background
This commit is contained in:
nathan 2023-03-22 11:18:56 -06:00
parent db66cb9af6
commit e497e31ed5
1 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
api/js/etemplate/Et2Checkbox/Et2Checkbox.ts
View File

@ -28,25 +28,33 @@ export class Et2Checkbox extends Et2InputWidget(SlCheckbox)
...shoelace, ...shoelace,
...super.styles, ...super.styles,
css` css`
:host { :host {
/* Make it line up with the middle of surroundings */ /* Make it line up with the middle of surroundings */
margin: auto 0px; margin: auto 0px;
vertical-align: baseline; vertical-align: baseline;
} }
:host([disabled]) { :host([disabled]) {
display: initial; display: initial;
} }
/* Fix positioning */ /* Fix positioning */
.checkbox {
position: relative;
}
/* Extend hover highlight to label */ .checkbox {
.checkbox:not(.checkbox--disabled):hover { position: relative;
color: var(--sl-input-border-color-hover); }
}
/* Extend hover highlight to label */
.checkbox:not(.checkbox--disabled):hover {
color: var(--sl-input-border-color-hover);
}
/* Use normal color even when required */
:host([required]) .checkbox__control {
color: var(--input-text-color);
}
`, `,
]; ];
} }