From e30f7e20a671d32cf1dd01943c0e941cfd984241 Mon Sep 17 00:00:00 2001
From: "mr. m" <mr.m@tuta.com>
Date: Wed, 25 Feb 2026 18:22:30 +0100
Subject: [PATCH] feat: Small tweaks to live folders popup, b=no-bug,
 c=folders, workspaces

---
 src/zen/live-folders/ZenLiveFoldersManager.sys.mjs | 3 ++-
 src/zen/workspaces/ZenGradientGenerator.mjs        | 3 ++-
 src/zen/workspaces/zen-workspaces.css              | 4 ++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs b/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs
index 99f84b806..0b1c06b95 100644
--- a/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs
+++ b/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs
@@ -250,6 +250,7 @@ class nsZenLiveFoldersManager {
     Services.prefs.setBoolPref("zen.live-folders.promotion.shown", true);
     let window = this.window;
     let gBrowser = window.gBrowser;
+    let isRightSide = window.gZenVerticalTabsManager._prefsRightSide;
     const callout = new lazy.FeatureCallout({
       win: this.window,
       location: "chrome",
@@ -275,7 +276,7 @@ class nsZenLiveFoldersManager {
                 selector: `[id="${folder.id}"] > .tab-group-label-container`,
                 panel_position: {
                   anchor_attachment: "rightcenter",
-                  callout_attachment: "topleft",
+                  callout_attachment: isRightSide ? "topright" : "topleft",
                 },
               },
             ],
diff --git a/src/zen/workspaces/ZenGradientGenerator.mjs b/src/zen/workspaces/ZenGradientGenerator.mjs
index 3d5b296cf..c0cec2bca 100644
--- a/src/zen/workspaces/ZenGradientGenerator.mjs
+++ b/src/zen/workspaces/ZenGradientGenerator.mjs
@@ -181,8 +181,9 @@ export class nsZenThemePicker extends nsZenMultiWindowFeature {
     const fromForm = event.explicitOriginalTarget?.classList?.contains(
       "zen-workspace-creation-edit-theme-button"
     );
+    const isRightSide = window.gZenVerticalTabsManager._prefsRightSide;
     PanelMultiView.openPopup(this.panel, this.toolbox, {
-      position: "start_before",
+      position: isRightSide ? "topleft topright" : "topright topleft",
       triggerEvent: event,
       y: fromForm ? -160 : 0,
       x: -10,
diff --git a/src/zen/workspaces/zen-workspaces.css b/src/zen/workspaces/zen-workspaces.css
index aa3e5d7a0..b87f778f6 100644
--- a/src/zen/workspaces/zen-workspaces.css
+++ b/src/zen/workspaces/zen-workspaces.css
@@ -48,6 +48,10 @@
       position: absolute;
       font-size: 14px;
 
+      @media (-moz-platform: linux) {
+        font-size: 12px;
+      }
+
       &:is(img) {
         width: 14px;
       }