mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-27 03:06:41 +00:00
Fix inconsistent color picker height across browsers (#24476)
Closes #24475
This commit is contained in:
parent
5377c9e75d
commit
7ad759dd95
@ -149,6 +149,10 @@ export class HaTextField extends TextFieldBase {
|
|||||||
text-align: var(--text-field-text-align, start);
|
text-align: var(--text-field-text-align, start);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input[type="color"] {
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Edge, hide reveal password icon */
|
/* Edge, hide reveal password icon */
|
||||||
::-ms-reveal {
|
::-ms-reveal {
|
||||||
display: none;
|
display: none;
|
||||||
@ -161,6 +165,10 @@ export class HaTextField extends TextFieldBase {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input[type="color"]::-webkit-color-swatch-wrapper {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Firefox */
|
/* Firefox */
|
||||||
:host([no-spinner]) input[type="number"] {
|
:host([no-spinner]) input[type="number"] {
|
||||||
-moz-appearance: textfield;
|
-moz-appearance: textfield;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user