fix: Panels UI not rendering addons correctly and overflow outside the screen on linux, b=(bug #7633), c=common

src/browser/modules/ExtensionsUI-sys-mjs.patch

@@ -0,0 +1,13 @@
+diff --git a/browser/modules/ExtensionsUI.sys.mjs b/browser/modules/ExtensionsUI.sys.mjs
+index 3f74e47bf7602fa800d1cf3034ec67055cc792b6..e700b88d1aee80c946e234f89f695a31d71ff608 100644
+--- a/browser/modules/ExtensionsUI.sys.mjs
++++ b/browser/modules/ExtensionsUI.sys.mjs
+@@ -436,7 +436,7 @@ export var ExtensionsUI = {
+         eventCallback,
+         removeOnDismissal: true,
+         popupOptions: {
+-          position: "bottomright topright",
++          position: window.gZenUIManager.panelUIPosition,
+         },
+         // Pass additional options used internally by the
+         // addon-webext-permissions-notification custom element

src/zen/common/ZenUIManager.mjs

@@ -428,7 +428,9 @@ var gZenUIManager = {
   },
 
   get panelUIPosition() {
-    return gZenVerticalTabsManager._hasSetSingleToolbar ? 'bottomleft topleft' : 'bottomright topright';
+    return gZenVerticalTabsManager._hasSetSingleToolbar && !gZenVerticalTabsManager._prefsRightSide
+      ? 'bottomleft topleft'
+      : 'bottomright topright';
   },
 };
 

src/zen/common/styles/zen-panel-ui.css

@@ -20,12 +20,20 @@ panel[type='arrow'][animate='open'] {
       }
     }
   }
-  @media (-moz-platform: linux) or ((-moz-platform: windows) and (not (-moz-windows-mica-popups))) {
+  @media (-moz-platform: windows) and (not (-moz-windows-mica-popups)) {
     /* Mica popups have a weird background while the animation is running */
     &::part(content) {
       animation: zen-jello-animation 0.35s ease;
     }
   }
+
+  @media (-moz-platform: linux) {
+    /* Check https://github.com/zen-browser/desktop/issues/7633 as in
+     * to why we dont animate addons */
+    &:not(#customizationui-widget-panel)::part(content) {
+      animation: zen-jello-animation 0.35s ease;
+    }
+  }
 }
 
 panel[type='arrow'][animate]:not([animate='open']) {