[pve-devel] [PATCH widget-toolkit 4/6] dark-theme: remove thicker borders around content
Stefan Sterz
s.sterz at proxmox.com
Fri Mar 10 14:08:35 CET 2023
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 <s.sterz at proxmox.com>
---
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
- at 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;
--
2.30.2
More information about the pve-devel
mailing list