From 1717d6d55b20fa5858b9f35e3e526f4609a0d187 Mon Sep 17 00:00:00 2001 From: milan Date: Thu, 19 Sep 2024 17:58:57 +0200 Subject: [PATCH] fancy theme --more padding on button images --less padding on round button images (circle, clock) --- pixelegg/css/fancy.css | 12 +++++++++++- pixelegg/css/fancy.less | 6 +++++- 2 files changed, 16 insertions(+), 2 deletions(-) diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css index 365b8a3066..62117e7f8e 100644 --- a/pixelegg/css/fancy.css +++ b/pixelegg/css/fancy.css @@ -7154,7 +7154,17 @@ img.et2_button_icon[src*="svg"]:hover { .sl-theme-dark { --sl-border-radius-medium: 20px; --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, :host et2-tabbox, diff --git a/pixelegg/css/fancy.less b/pixelegg/css/fancy.less index e0c3fee814..9f155d8ba5 100644 --- a/pixelegg/css/fancy.less +++ b/pixelegg/css/fancy.less @@ -11,7 +11,11 @@ :root, :host, .sl-theme-light, .sl-theme-dark { --sl-border-radius-medium: 20px; --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 { --track-width: 0px;