[pmg-devel] [PATCH widget-toolkit] css: dark theme: fix panel borders for pmg eol theme

Dominik Csapak d.csapak at proxmox.com
Mon Sep 23 16:26:08 CEST 2024


since the header markup is different than what we use in pve, the
'spacer' elements in the pmg header get a (different colored) border by
default.

We already overwrite it for the first spacer, but when we show an EOL
notice, we have two of them, so add the second one to the rule too.
This also uses the 'css next sibling selector', just for the sibling of
the div with the 'eol-notice' class instead of the 'versioninfo' one.

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 src/proxmox-dark/scss/proxmox/_general.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/proxmox-dark/scss/proxmox/_general.scss b/src/proxmox-dark/scss/proxmox/_general.scss
index c319f6d..1342f02 100644
--- a/src/proxmox-dark/scss/proxmox/_general.scss
+++ b/src/proxmox-dark/scss/proxmox/_general.scss
@@ -4,7 +4,8 @@ img[id^="proxmoxlogo-"][id$="-img"] {
 }
 
 // removes the gray line in the header of the mail gateway
-div[id^="versioninfo-"] + div[id^="panel-"] > div[id^="panel-"][id$="-bodyWrap"] > div {
+div[id^="versioninfo-"] + div[id^="panel-"] > div[id^="panel-"][id$="-bodyWrap"] > div,
+div.eol-notice + div[id^="panel-"] > div[id^="panel-"][id$="-bodyWrap"] > div {
   background-color: transparent;
   border-color: transparent;
 }
-- 
2.39.5





More information about the pmg-devel mailing list