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 committed by GitHub
parent 768f27b1b9
commit b617299eee
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1109,6 +1109,16 @@ class HUIRoot extends LitElement {
sl-tab[aria-selected="true"] .edit-icon {
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) {
padding-top: calc((var(--header-height) - 20px) / 2);
padding-bottom: calc((var(--header-height) - 20px) / 2 - 2px);