Add weird bubble tabs to fancy theme

This commit is contained in:
nathan 2024-08-19 14:21:14 -06:00
parent 2208ba1b99
commit 2b1c5ce1b2
2 changed files with 25 additions and 2 deletions

View File

@ -7202,3 +7202,14 @@ img.et2_button_icon[src*="svg"]:hover {
--sl-border-radius-medium: 20px;
--sl-input-border-radius-medium: var(--sl-border-radius-medium);
}
:root et2-tabbox,
:host et2-tabbox,
.sl-theme-light et2-tabbox {
--track-width: 0px;
}
:root et2-tabbox et2-tab[active]::part(base),
:host et2-tabbox et2-tab[active]::part(base),
.sl-theme-light et2-tabbox et2-tab[active]::part(base) {
border: 1px solid;
border-radius: var(--sl-border-radius-pill);
}

View File

@ -9,6 +9,18 @@
// overwriting pixelegg.less and Shoelace light theme
:root, :host, .sl-theme-light {
--sl-border-radius-medium: 20px;
--sl-input-border-radius-medium: var(--sl-border-radius-medium);
--sl-border-radius-medium: 20px;
--sl-input-border-radius-medium: var(--sl-border-radius-medium);
et2-tabbox {
--track-width: 0px;
et2-tab[active] {
&::part(base) {
border: 1px solid;
border-radius: var(--sl-border-radius-pill);
}
}
}
}