feat: Small tweaks to live folders popup, b=no-bug, c=folders, workspaces

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",
                 },
               },
             ],

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,

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;
       }