From 0cdf266659131b72f15ed370a680bf81dedd1435 Mon Sep 17 00:00:00 2001 From: Stefan Sterz Date: Fri, 10 Mar 2023 14:08:35 +0100 Subject: [PATCH] dark-theme: remove thicker borders around content previously the dark theme used thicker borders in certain places to space out the content a bit more. this removes them again to make the appearance more consistent with "crisp". Signed-off-by: Stefan Sterz --- src/proxmox-dark/scss/abstracts/_mixins.scss | 7 ------- src/proxmox-dark/scss/extjs/_toolbar.scss | 2 +- src/proxmox-dark/scss/proxmox/_general.scss | 13 ------------- 3 files changed, 1 insertion(+), 21 deletions(-) diff --git a/src/proxmox-dark/scss/abstracts/_mixins.scss b/src/proxmox-dark/scss/abstracts/_mixins.scss index 570a783..4f226f2 100644 --- a/src/proxmox-dark/scss/abstracts/_mixins.scss +++ b/src/proxmox-dark/scss/abstracts/_mixins.scss @@ -1,10 +1,3 @@ -// A border to the left and on top of the content panels for the -// selected resource -@mixin content-border { - border-top: solid 3px $background-darkest; - border-left: solid 3px $background-darkest; -} - // selected items in dropdown etc @mixin selection { background-color: $selection-background-color; diff --git a/src/proxmox-dark/scss/extjs/_toolbar.scss b/src/proxmox-dark/scss/extjs/_toolbar.scss index 2ea8527..aa6ffc5 100644 --- a/src/proxmox-dark/scss/extjs/_toolbar.scss +++ b/src/proxmox-dark/scss/extjs/_toolbar.scss @@ -4,7 +4,7 @@ .x-toolbar-default { background-color: $background-darker; - border: solid 3px $background-darkest; + border-color: $border-color-alt; &.x-docked-top { border-width: 1px; diff --git a/src/proxmox-dark/scss/proxmox/_general.scss b/src/proxmox-dark/scss/proxmox/_general.scss index 805a187..c319f6d 100644 --- a/src/proxmox-dark/scss/proxmox/_general.scss +++ b/src/proxmox-dark/scss/proxmox/_general.scss @@ -9,19 +9,6 @@ div[id^="versioninfo-"] + div[id^="panel-"] > div[id^="panel-"][id$="-bodyWrap"] border-color: transparent; } -// border around the main datacenter view -div[id^="PVE-dc-Config-"][id$="-body"], -// border around the main pool view -div[id^="pvePoolConfig-"][id$="-body"], -// Container content config views -div[id^="pveLXCConfig-"][id$="-body"], -// VM content config views -div[id^="PVE-qemu-Config-"][id$="-body"], -div[id^="PVE-storage-Browser-"][id$="-body"], -div[id^="PVE-node-Config-"][id$="-body"] { - @include content-border; -} - // Section header in the "My Settings" page .x-fieldset-header-default > .x-fieldset-header-text { color: $text-color;