fancy theme

--more padding on button images
--less padding on round button images (circle, clock)
This commit is contained in:
milan 2024-09-19 17:58:57 +02:00
parent 26673f87fb
commit 1717d6d55b
2 changed files with 16 additions and 2 deletions

View File

@ -7154,7 +7154,17 @@ img.et2_button_icon[src*="svg"]:hover {
.sl-theme-dark { .sl-theme-dark {
--sl-border-radius-medium: 20px; --sl-border-radius-medium: 20px;
--sl-input-border-radius-medium: var(--sl-border-radius-medium); --sl-input-border-radius-medium: var(--sl-border-radius-medium);
--et2-button-image-padding-left: 0.3rem; --et2-button-image-padding-left: 0.6rem;
}
:root et2-button:not(imageOnly) > et2-image[class*="circle"],
:host et2-button:not(imageOnly) > et2-image[class*="circle"],
.sl-theme-light et2-button:not(imageOnly) > et2-image[class*="circle"],
.sl-theme-dark et2-button:not(imageOnly) > et2-image[class*="circle"],
:root et2-button:not(imageOnly) > et2-image[class*="clock"],
:host et2-button:not(imageOnly) > et2-image[class*="clock"],
.sl-theme-light et2-button:not(imageOnly) > et2-image[class*="clock"],
.sl-theme-dark et2-button:not(imageOnly) > et2-image[class*="clock"] {
--et2-button-image-padding-left: 0.2rem;
} }
:root et2-tabbox, :root et2-tabbox,
:host et2-tabbox, :host et2-tabbox,

View File

@ -11,7 +11,11 @@
:root, :host, .sl-theme-light, .sl-theme-dark { :root, :host, .sl-theme-light, .sl-theme-dark {
--sl-border-radius-medium: 20px; --sl-border-radius-medium: 20px;
--sl-input-border-radius-medium: var(--sl-border-radius-medium); --sl-input-border-radius-medium: var(--sl-border-radius-medium);
--et2-button-image-padding-left: .3rem; --et2-button-image-padding-left: .6rem;
et2-button:not(imageOnly) > et2-image[class*="circle"], et2-button:not(imageOnly) > et2-image[class*="clock"]{
--et2-button-image-padding-left: .2rem;
}
et2-tabbox { et2-tabbox {
--track-width: 0px; --track-width: 0px;