Add css variables for start and end padding of tabs (#25654)

This commit is contained in:
Bram Kragten 2025-05-30 16:48:15 +02:00
parent 74f9c1551e
commit 84ac0cd41e

View File

@ -1109,6 +1109,16 @@ class HUIRoot extends LitElement {
sl-tab[aria-selected="true"] .edit-icon { sl-tab[aria-selected="true"] .edit-icon {
display: inline-flex; display: inline-flex;
} }
sl-tab::part(base) {
padding-inline-start: var(
--ha-tab-padding-start,
var(--sl-spacing-large)
);
padding-inline-end: var(
--ha-tab-padding-end,
var(--sl-spacing-large)
);
}
sl-tab::part(base) { sl-tab::part(base) {
padding-top: calc((var(--header-height) - 20px) / 2); padding-top: calc((var(--header-height) - 20px) / 2);
padding-bottom: calc((var(--header-height) - 20px) / 2 - 2px); padding-bottom: calc((var(--header-height) - 20px) / 2 - 2px);