From 160431623c1790a0c04818936cfaf09bf4e5d4a0 Mon Sep 17 00:00:00 2001 From: CosmoCreeper <179134799+CosmoCreeper@users.noreply.github.com> Date: Wed, 4 Jun 2025 19:48:15 -0400 Subject: [PATCH 1/9] Update chrome.css to fix issues. --- .../chrome.css | 61 +++++++++++-------- 1 file changed, 36 insertions(+), 25 deletions(-) diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css index 5798dcf6..de561e27 100644 --- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css +++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css @@ -76,6 +76,19 @@ /* Enables legacy layout for pinned tabs (icon only in grid) */ @media (-moz-bool-pref: "uc.pins.legacy-layout") { + #navigator-toolbox[zen-sidebar-expanded="true"] { + & #tabbrowser-tabs { + & .tabbrowser-tab { + &[zen-pinned-changed="true"]:not([zen-essential]) + > .tab-stack + > .tab-content + > .tab-icon-stack { + position: unset !important; + top: unset !important; + } + } + } + } #vertical-pinned-tabs-container, .zen-workspace-pinned-tabs-section { .tabbrowser-tab[pinned] { @@ -241,20 +254,24 @@ /* Puts Essentials at the bottom */ :has(#theme-SuperPins[uc-essentials-position="bottom"]) { - #zen-essentials-container, #zen-essentials-wrapper, #zen-essentials { - order: 999 !important; - margin-top: auto !important; - padding-top: 5px !important; - padding-bottom: 4px !important; - } - .zen-essentials-container { position: relative !important; - min-width: 100% !important; + margin-top: auto !important; } - .zen-current-workspace-indicator, #zen-tabs-wrapper { - margin-top: 0 !important; + #zen-essentials-container, #zen-essentials { + order: 999 !important; + } + + #tabbrowser-arrowscrollbox > zen-workspace { + padding-top: 0 !important; + } + + #navigator-toolbox[zen-sidebar-expanded="true"] { + .zen-essentials-container { + min-width: 100% !important; + width: 100% !important; + } } } @@ -350,27 +367,21 @@ /* pins height */ :root:has(#theme-SuperPins[uc-pinned-height="small"]) { - #navigator-toolbox[zen-sidebar-expanded="true"] #vertical-pinned-tabs-container:has(> :nth-child(2)) .zen-workspace-tabs-section { - &>.tabbrowser-tab, &>tab-group { - height: 40px !important; - } - } + arrowscrollbox:nth-child(2) > vbox:nth-child(1) > tab { + height: 40px !important; + } } :root:has(#theme-SuperPins[uc-pinned-height="normal"]) { - #navigator-toolbox[zen-sidebar-expanded="true"] #vertical-pinned-tabs-container:has(> :nth-child(2)) .zen-workspace-tabs-section { - &>.tabbrowser-tab, &>tab-group { - height: 50px !important; - } - } + arrowscrollbox:nth-child(2) > vbox:nth-child(1) > tab { + height: 50px !important; + } } :root:has(#theme-SuperPins[uc-pinned-height="large"]) { - #navigator-toolbox[zen-sidebar-expanded="true"] #vertical-pinned-tabs-container:has(> :nth-child(2)) .zen-workspace-tabs-section { - &>.tabbrowser-tab, &>tab-group { - height: 60px !important; - } - } + arrowscrollbox:nth-child(2) > vbox:nth-child(1) > tab { + height: 60px !important; + } } /* favicon size */ From 7a951cf19d0a351e1419e5b0c330676e87b54ecc Mon Sep 17 00:00:00 2001 From: CosmoCreeper <179134799+CosmoCreeper@users.noreply.github.com> Date: Wed, 4 Jun 2025 19:58:59 -0400 Subject: [PATCH 2/9] Update preferences.json --- themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json index 3f7d5dc9..be4ab686 100644 --- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json +++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json @@ -130,8 +130,8 @@ "property": "zen.workspaces.show-workspace-indicator", "label": "Shows the workspace-indicator between Essentials and Pins", "type": "checkbox", - "disabledOn": [], - "defaultValue": false + "defaultValue": true, + "disabledOn": [] }, { "property": "browser.sessionstore.restore_pinned_tabs_on_demand", From de33e5ad50fdae06ab317c16dd56492b572340e0 Mon Sep 17 00:00:00 2001 From: CosmoCreeper <179134799+CosmoCreeper@users.noreply.github.com> Date: Wed, 4 Jun 2025 20:27:42 -0400 Subject: [PATCH 3/9] Fix height of pinned tabs. --- themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css index de561e27..ec9e34fe 100644 --- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css +++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css @@ -367,19 +367,19 @@ /* pins height */ :root:has(#theme-SuperPins[uc-pinned-height="small"]) { - arrowscrollbox:nth-child(2) > vbox:nth-child(1) > tab { + .zen-workspace-pinned-tabs-section .tabbrowser-tab { height: 40px !important; } } :root:has(#theme-SuperPins[uc-pinned-height="normal"]) { - arrowscrollbox:nth-child(2) > vbox:nth-child(1) > tab { + .zen-workspace-pinned-tabs-section .tabbrowser-tab { height: 50px !important; } } :root:has(#theme-SuperPins[uc-pinned-height="large"]) { - arrowscrollbox:nth-child(2) > vbox:nth-child(1) > tab { + .zen-workspace-pinned-tabs-section .tabbrowser-tab { height: 60px !important; } } From efccb19b08e59219724635f7eaba3d68970f772a Mon Sep 17 00:00:00 2001 From: CosmoCreeper <179134799+CosmoCreeper@users.noreply.github.com> Date: Wed, 4 Jun 2025 20:34:01 -0400 Subject: [PATCH 4/9] Update chrome.css --- themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css index ec9e34fe..50033a27 100644 --- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css +++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css @@ -254,6 +254,10 @@ /* Puts Essentials at the bottom */ :has(#theme-SuperPins[uc-essentials-position="bottom"]) { + #tabbrowser-tabs { + height: 100% !important; + } + .zen-essentials-container { position: relative !important; margin-top: auto !important; From 44860b5dc1912fb79fea97163b21ed24ed22475f Mon Sep 17 00:00:00 2001 From: CosmoCreeper <179134799+CosmoCreeper@users.noreply.github.com> Date: Thu, 5 Jun 2025 10:15:36 -0400 Subject: [PATCH 5/9] Update chrome.css --- .../chrome.css | 23 +++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css index 50033a27..38a2eea1 100644 --- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css +++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css @@ -254,13 +254,32 @@ /* Puts Essentials at the bottom */ :has(#theme-SuperPins[uc-essentials-position="bottom"]) { - #tabbrowser-tabs { - height: 100% !important; + .tabbrowser-tab:not([pinned]), #tabs-newtab-button { + margin-left: var(--zen-toolbox-padding) !important; + margin-right: var(--zen-toolbox-padding) !important; + } + + .zen-workspace-pinned-tabs-section { + max-width: calc(100% - var(--zen-toolbox-padding) * 3) !important; + min-width: calc(100% - var(--zen-toolbox-padding) * 3) !important; + width: calc(100% - var(--zen-toolbox-padding) * 3) !important; + padding-left: calc(var(--zen-toolbox-padding) * 2) !important; + } + + .vertical-pinned-tabs-container-separator { + width: calc(100% - var(--zen-toolbox-padding) * 3) !important; + margin-left: calc(var(--zen-toolbox-padding) / 2) !important; + } + + #tabbrowser-arrowscrollbox { + position: relative !important; + overflow-x: hidden !important; } .zen-essentials-container { position: relative !important; margin-top: auto !important; + padding-top: 8px !important; } #zen-essentials-container, #zen-essentials { From 1a130fe8fca8d5948796fa1909c82e60bd09fc67 Mon Sep 17 00:00:00 2001 From: CosmoCreeper <179134799+CosmoCreeper@users.noreply.github.com> Date: Thu, 5 Jun 2025 12:16:21 -0400 Subject: [PATCH 6/9] Update chrome.css --- .../chrome.css | 47 ++++++++++++++++++- 1 file changed, 45 insertions(+), 2 deletions(-) diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css index 38a2eea1..f0309f5e 100644 --- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css +++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css @@ -203,7 +203,7 @@ #vertical-pinned-tabs-container>.zen-workspace-tabs-section, .zen-workspace-pinned-tabs-section { - :has(> :nth-child(2)) { + &:has(> :nth-child(2)) { padding-bottom: 5px !important; } } @@ -253,7 +253,7 @@ } /* Puts Essentials at the bottom */ - :has(#theme-SuperPins[uc-essentials-position="bottom"]) { + :root:has(#theme-SuperPins[uc-essentials-position="bottom"]) { .tabbrowser-tab:not([pinned]), #tabs-newtab-button { margin-left: var(--zen-toolbox-padding) !important; margin-right: var(--zen-toolbox-padding) !important; @@ -501,6 +501,10 @@ display: none !important; } + .zen-essentials-container { + padding-bottom: 5px; + } + :root:has(#theme-SuperPins[uc-tabs-show-separator="essentials-shown"]) { #zen-essentials-container, .zen-essentials-container { &:has(~ #zen-tabs-wrapper #zen-browser-tabs-container #vertical-pinned-tabs-container .zen-workspace-tabs-section[active="true"] .tabbrowser-tab) { @@ -609,4 +613,43 @@ background-color: var(--mod-superpins-pins-active-bg) !important; } } + + @media (-moz-bool-pref: "zen.workspaces.indicator-name-center") { + .zen-current-workspace-indicator-name { + position: absolute; + left: 0; + text-align: center; + width: 100%; + } + } + + :root:has(#theme-SuperPins[zen-workspaces-indicator-position="top"]) { + .zen-current-workspace-indicator { + top: 0; + } + + .zen-essentials-container { + margin-top: 48px; + } + + .workspace-arrowscrollbox { + margin-top: 50px; + } + + zen-workspace { + padding-top: 0 !important; + } + } + + :root:has(#theme-SuperPins[zen-workspaces-indicator-position="bottom"]) { + .zen-current-workspace-indicator { + position: fixed !important; + bottom: 0; + z-index: 200; + } + + zen-workspace { + margin-top: 2px; + } + } } From b92fe785590a6a85ac0d74a1fb137ff64d7dbc5b Mon Sep 17 00:00:00 2001 From: CosmoCreeper <179134799+CosmoCreeper@users.noreply.github.com> Date: Thu, 5 Jun 2025 15:32:32 -0400 Subject: [PATCH 7/9] Update chrome.css --- .../chrome.css | 67 +++++++++---------- 1 file changed, 32 insertions(+), 35 deletions(-) diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css index f0309f5e..03a5e021 100644 --- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css +++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/chrome.css @@ -389,22 +389,38 @@ } /* pins height */ + :root { + --pins-height: var(--tab-min-height); + } + :root:has(#theme-SuperPins[uc-pinned-height="small"]) { - .zen-workspace-pinned-tabs-section .tabbrowser-tab { - height: 40px !important; - } + --pins-height: 40px; } :root:has(#theme-SuperPins[uc-pinned-height="normal"]) { - .zen-workspace-pinned-tabs-section .tabbrowser-tab { - height: 50px !important; - } + --pins-height: 50px; } + :root:has(#theme-SuperPins[uc-pinned-height="large"]) { + --pins-height: 60px; + } + + :root:has(#theme-SuperPins[uc-pinned-height="small"]), + :root:has(#theme-SuperPins[uc-pinned-height="normal"]), :root:has(#theme-SuperPins[uc-pinned-height="large"]) { .zen-workspace-pinned-tabs-section .tabbrowser-tab { - height: 60px !important; - } + height: var(--pins-height) !important; + } + } + + @media (-moz-bool-pref: "uc.essentials.same-height") { + .tabbrowser-tab[zen-essential] { + height: var(--pins-height) !important; + } + + .tabbrowser-tab[zen-essential] .tab-background { + min-height: var(--pins-height) !important; + } } /* favicon size */ @@ -568,37 +584,18 @@ } @media (-moz-bool-pref: "uc.pins.stay-at-top") { - #zen-browser-tabs-container { - height: 100% !important; + zen-workspace > arrowscrollbox.workspace-arrowscrollbox { + overflow-y: hidden !important; + flex-basis: 100%; } - #tabbrowser-arrowscrollbox { - height: 100% !important; + #tabbrowser-arrowscrollbox .zen-workspace-pinned-tabs-section { + flex: 0 1 0; } - - #tabbrowser-arrowscrollbox>.zen-workspace-tabs-section { + + #tabbrowser-arrowscrollbox .zen-workspace-normal-tabs-section { + flex: 1 1 0; overflow-y: auto !important; - overflow-x: hidden !important; - /* Calculate the height of the bottom workspace section. */ - max-height: calc(100% - 43px) !important; - box-sizing: border-box !important; - padding-bottom: 60px !important; - } - - /* In case workspace indicator is not visible. */ - @media (not (-moz-bool-pref: "zen.workspaces.show-workspace-indicator")) { - #tabbrowser-arrowscrollbox>.zen-workspace-tabs-section { - max-height: calc(100% - 5px) !important; - } - } - - #zen-tabs-wrapper { - overflow: hidden !important; - } - - /* Ensure tab-groups never shrink. */ - tab-group { - flex: 0 0 auto !important; } } From 47a9e1063f69c7dbbfed9a248951ae54e9372bd4 Mon Sep 17 00:00:00 2001 From: "mr. m" <91018726+mauro-balades@users.noreply.github.com> Date: Fri, 6 Jun 2025 18:03:56 +0200 Subject: [PATCH 8/9] Discard changes to themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json --- themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json index be4ab686..3f7d5dc9 100644 --- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json +++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json @@ -130,8 +130,8 @@ "property": "zen.workspaces.show-workspace-indicator", "label": "Shows the workspace-indicator between Essentials and Pins", "type": "checkbox", - "defaultValue": true, - "disabledOn": [] + "disabledOn": [], + "defaultValue": false }, { "property": "browser.sessionstore.restore_pinned_tabs_on_demand", From 8550dc2f2a23f981c1b57a0358e26d73396d5bca Mon Sep 17 00:00:00 2001 From: "mr. m" <91018726+mauro-balades@users.noreply.github.com> Date: Fri, 6 Jun 2025 18:04:30 +0200 Subject: [PATCH 9/9] Update theme.json --- themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/theme.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/theme.json b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/theme.json index 7c834ff8..bdbce0e6 100644 --- a/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/theme.json +++ b/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/theme.json @@ -7,11 +7,11 @@ "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/image.png", "author": "CosmoCreeper", - "version": "1.5.3", + "version": "1.5.4", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json", "tags": [ "tabs" ], "createdAt": "2024-08-28", "updatedAt": "2025-06-02" -} \ No newline at end of file +}