From c8150ccdccf29ea55b0d94e6b23f146a08fc33ef Mon Sep 17 00:00:00 2001 From: Samuel Oldham <77629938+SO9010@users.noreply.github.com> Date: Mon, 12 May 2025 23:26:16 +0100 Subject: [PATCH] Fix for #7910 This fixes #7910 by adding a conditional check for whether the sidebar is on the right and adjusting the CSS accordingly. Signed-off-by: Samuel Oldham <77629938+SO9010@users.noreply.github.com> --- src/zen/glance/ZenGlanceManager.mjs | 9 +++++++++ src/zen/glance/zen-glance.css | 8 +++++++- 2 files changed, 16 insertions(+), 1 deletion(-) diff --git a/src/zen/glance/ZenGlanceManager.mjs b/src/zen/glance/ZenGlanceManager.mjs index 2960ef29..646ddc6c 100644 --- a/src/zen/glance/ZenGlanceManager.mjs +++ b/src/zen/glance/ZenGlanceManager.mjs @@ -50,6 +50,10 @@ }); } + #areTabsOnRightSide() { + return Services.prefs.getBoolPref('zen.tabs.vertical.right-side'); + } + get #currentBrowser() { return this.#glances.get(this.#currentGlanceID)?.browser; } @@ -124,6 +128,11 @@ showSidebarButtons(animate = false) { if (this.sidebarButtons.hasAttribute('hidden') && animate) { + if (this.#areTabsOnRightSide()) { + this.sidebarButtons.setAttribute('right', true); + } else { + this.sidebarButtons.removeAttribute('right'); + } for (const button of this.sidebarButtons.querySelectorAll('toolbarbutton')) { button.style.opacity = 0; } diff --git a/src/zen/glance/zen-glance.css b/src/zen/glance/zen-glance.css index fddacedc..ef74d9e8 100644 --- a/src/zen/glance/zen-glance.css +++ b/src/zen/glance/zen-glance.css @@ -18,7 +18,13 @@ padding: 5px; gap: 12px; - left: 2%; + + &[right='true'] { + right: 2%; + } + &[right='false'] { + left: 2%; + } & toolbarbutton { width: 32px;