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

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

[Dominik Csapak]

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@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



_______________________________________________
pmg-devel mailing list
pmg-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pmg-devel

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

[Thomas Lamprecht]

Am 23/09/2024 um 16:26 schrieb Dominik Csapak:
> 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@proxmox.com>
> ---
>  src/proxmox-dark/scss/proxmox/_general.scss | 3 ++-
>  1 file changed, 2 insertions(+), 1 deletion(-)
> 
>

applied, thanks!


_______________________________________________
pmg-devel mailing list
pmg-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pmg-devel