Use space tokens in card features editor (#27625)

This commit is contained in:
Aidan Timson
2025-10-24 12:34:10 +01:00
committed by GitHub
parent 6c4f4af75c
commit c6fd45bd6a

View File

@@ -495,7 +495,7 @@ export class HuiCardFeaturesEditor extends LitElement {
flex-direction: column; flex-direction: column;
} }
ha-button-menu { ha-button-menu {
margin-top: 8px; margin-top: var(--ha-space-2);
} }
.feature { .feature {
display: flex; display: flex;
@@ -504,8 +504,8 @@ export class HuiCardFeaturesEditor extends LitElement {
.feature .handle { .feature .handle {
cursor: move; /* fallback if grab cursor is unsupported */ cursor: move; /* fallback if grab cursor is unsupported */
cursor: grab; cursor: grab;
padding-right: 8px; padding-right: var(--ha-space-2);
padding-inline-end: 8px; padding-inline-end: var(--ha-space-2);
padding-inline-start: initial; padding-inline-start: initial;
direction: var(--direction); direction: var(--direction);
} }
@@ -514,7 +514,7 @@ export class HuiCardFeaturesEditor extends LitElement {
} }
.feature-content { .feature-content {
height: 60px; height: var(--ha-space-15);
font-size: var(--ha-font-size-l); font-size: var(--ha-font-size-l);
display: flex; display: flex;
align-items: center; align-items: center;
@@ -529,7 +529,7 @@ export class HuiCardFeaturesEditor extends LitElement {
.remove-icon, .remove-icon,
.edit-icon { .edit-icon {
--mdc-icon-button-size: 36px; --mdc-icon-button-size: var(--ha-space-9);
color: var(--secondary-text-color); color: var(--secondary-text-color);
} }