Et2Checkbox: Use normal color even when required

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 3dff71c8d1
commit d2e23876f1

View File

@ -39,14 +39,22 @@ export class Et2Checkbox extends Et2InputWidget(SlCheckbox)
} }
/* Fix positioning */ /* Fix positioning */
.checkbox { .checkbox {
position: relative; position: relative;
} }
/* Extend hover highlight to label */ /* Extend hover highlight to label */
.checkbox:not(.checkbox--disabled):hover { .checkbox:not(.checkbox--disabled):hover {
color: var(--sl-input-border-color-hover); color: var(--sl-input-border-color-hover);
} }
/* Use normal color even when required */
:host([required]) .checkbox__control {
color: var(--input-text-color);
}
`, `,
]; ];
} }