Fix inconsistent color picker height across browsers (#24476)

Closes #24475
This commit is contained in:
Logan Rosen 2025-03-03 05:17:46 -05:00 committed by GitHub
parent 5377c9e75d
commit 7ad759dd95
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -149,6 +149,10 @@ export class HaTextField extends TextFieldBase {
text-align: var(--text-field-text-align, start);
}
input[type="color"] {
height: 20px;
}
/* Edge, hide reveal password icon */
::-ms-reveal {
display: none;
@ -161,6 +165,10 @@ export class HaTextField extends TextFieldBase {
margin: 0;
}
input[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
}
/* Firefox */
:host([no-spinner]) input[type="number"] {
-moz-appearance: textfield;