extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-15 02:19:36 +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,
...super.styles,
css`
:host {
/* Make it line up with the middle of surroundings */
margin: auto 0px;
vertical-align: baseline;
}
:host {
/* Make it line up with the middle of surroundings */
margin: auto 0px;
vertical-align: baseline;
}
:host([disabled]) {
display: initial;
}
:host([disabled]) {
display: initial;
}
/* Fix positioning */
.checkbox {
position: relative;
}
/* Fix positioning */
/* Extend hover highlight to label */
.checkbox:not(.checkbox--disabled):hover {
color: var(--sl-input-border-color-hover);
}
.checkbox {
position: relative;
}
/* 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);
}
`,
];
}