From fcc140357d66b215fd258b396be6eb8587561617 Mon Sep 17 00:00:00 2001 From: Tanay Kar <93914273+Tanay-Kar@users.noreply.github.com> Date: Fri, 24 Jan 2025 22:45:03 +0530 Subject: [PATCH 1/3] Rounded workspace indicator Rounded active workspace indicator for pill-button theme Signed-off-by: Tanay Kar <93914273+Tanay-Kar@users.noreply.github.com> --- .../content/zen-styles/zen-workspaces.css | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/src/browser/base/content/zen-styles/zen-workspaces.css b/src/browser/base/content/zen-styles/zen-workspaces.css index 339110d47..3b288193e 100644 --- a/src/browser/base/content/zen-styles/zen-workspaces.css +++ b/src/browser/base/content/zen-styles/zen-workspaces.css @@ -374,6 +374,27 @@ } } +/* Rounded indicator for pill-button theme */ +@media (-moz-bool-pref: "zen.theme.pill-button") { + #PanelUI-zen-workspaces-list toolbarbutton { + &.zen-workspace-button[active="true"] .zen-workspace-icon::before { + background-color: transparent !important; + } + } + + #PanelUI-zen-workspaces-list toolbarbutton { + & .zen-workspace-icon { + border: 3px solid var(--zen-colors-border) !important; + } + } + + #PanelUI-zen-workspaces-list toolbarbutton { + &.zen-workspace-button[active="true"] .zen-workspace-icon { + border: 3px solid var(--toolbarbutton-icon-fill-attention) !important; + } + } +} + .zen-workspace-button.dragging { opacity: 0.5; } From 805c5cb73bf8f41127b5063c3a7f3650f19443f2 Mon Sep 17 00:00:00 2001 From: Tanay Kar <93914273+Tanay-Kar@users.noreply.github.com> Date: Wed, 29 Jan 2025 08:42:02 +0530 Subject: [PATCH 2/3] Update minor styling errors Signed-off-by: Tanay Kar <93914273+Tanay-Kar@users.noreply.github.com> --- .../base/content/zen-styles/zen-workspaces.css | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) diff --git a/src/browser/base/content/zen-styles/zen-workspaces.css b/src/browser/base/content/zen-styles/zen-workspaces.css index 3b288193e..2e20fb2ac 100644 --- a/src/browser/base/content/zen-styles/zen-workspaces.css +++ b/src/browser/base/content/zen-styles/zen-workspaces.css @@ -378,19 +378,15 @@ @media (-moz-bool-pref: "zen.theme.pill-button") { #PanelUI-zen-workspaces-list toolbarbutton { &.zen-workspace-button[active="true"] .zen-workspace-icon::before { - background-color: transparent !important; + background-color: transparent; } - } - - #PanelUI-zen-workspaces-list toolbarbutton { - & .zen-workspace-icon { - border: 3px solid var(--zen-colors-border) !important; + + &.zen-workspace-icon { + border: 3px solid var(--zen-colors-border); } - } - - #PanelUI-zen-workspaces-list toolbarbutton { + &.zen-workspace-button[active="true"] .zen-workspace-icon { - border: 3px solid var(--toolbarbutton-icon-fill-attention) !important; + border: 3px solid var(--toolbarbutton-icon-fill-attention); } } } From 2a9902c011851eda0c8a3c2df98803f0068878c1 Mon Sep 17 00:00:00 2001 From: Tanay Kar <93914273+Tanay-Kar@users.noreply.github.com> Date: Thu, 30 Jan 2025 07:46:57 +0530 Subject: [PATCH 3/3] Minor styling changes Signed-off-by: Tanay Kar <93914273+Tanay-Kar@users.noreply.github.com> --- src/browser/base/content/zen-styles/zen-workspaces.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/browser/base/content/zen-styles/zen-workspaces.css b/src/browser/base/content/zen-styles/zen-workspaces.css index 2e20fb2ac..bcf6bbc20 100644 --- a/src/browser/base/content/zen-styles/zen-workspaces.css +++ b/src/browser/base/content/zen-styles/zen-workspaces.css @@ -375,17 +375,17 @@ } /* Rounded indicator for pill-button theme */ -@media (-moz-bool-pref: "zen.theme.pill-button") { +@media (-moz-bool-pref: 'zen.theme.pill-button') { #PanelUI-zen-workspaces-list toolbarbutton { - &.zen-workspace-button[active="true"] .zen-workspace-icon::before { + &.zen-workspace-button[active='true'] .zen-workspace-icon::before { background-color: transparent; } - + &.zen-workspace-icon { border: 3px solid var(--zen-colors-border); } - - &.zen-workspace-button[active="true"] .zen-workspace-icon { + + &.zen-workspace-button[active='true'] .zen-workspace-icon { border: 3px solid var(--toolbarbutton-icon-fill-attention); } }