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;