fix: Fixed addons warnings looking broken, b=closes #10907, c=common, glance

src/browser/base/content/zen-panels/site-data.inc

@@ -35,10 +35,6 @@
           <label data-l10n-id="zen-generic-manage" id="zen-site-data-manage-addons" />
         </hbox>
         <hbox class="panel-subview-body" context="unified-extensions-context-menu" id="zen-site-data-addons">
-          <html:div id="unified-extensions-messages-container">
-            <!-- messages will be inserted here -->
-          </html:div>
-
           <vbox id="overflowed-extensions-list">
             <!-- overflowed extension buttons from the nav-bar will go here -->
           </vbox>
@@ -82,6 +78,9 @@
                        closemenu="none"
                        context="zenSiteDataActions" />
       </hbox>
+      <html:div id="unified-extensions-messages-container">
+        <!-- messages will be inserted here -->
+      </html:div>
     </panelview>
   </panelmultiview>
 </panel>

src/zen/common/styles/zen-single-components.css

@@ -290,10 +290,6 @@ body > #confetti {
   --arrowpanel-menuitem-border-radius: 10px;
 }
 
-#unified-extensions-messages-container {
-  display: none;
-}
-
 #zen-site-data-addons {
   display: flex;
   flex-wrap: wrap;

src/zen/glance/ZenGlanceManager.mjs

@@ -448,9 +448,6 @@
       imageDataElement.setAttribute('src', data.elementData);
       imageDataElement.classList.add('zen-glance-element-preview');
 
-      // set an aspect ratio to prevent stretching during animation
-      imageDataElement.style.aspectRatio = `${data.width} / ${data.height}`;
-
       this.browserWrapper.prepend(imageDataElement);
       this.#glances.get(this.#currentGlanceID).elementImageData = data.elementData;
 
@@ -948,7 +945,7 @@
         const originalPosition = this.#glances.get(this.#currentGlanceID).originalPosition;
         const elementImageData = this.#glances.get(this.#currentGlanceID).elementImageData;
 
-        this.#addElementPreview(elementImageData, originalPosition);
+        this.#addElementPreview(elementImageData);
 
         // Create curved closing animation sequence
         const closingData = this.#createClosingDataFromOriginalPosition(originalPosition);
@@ -990,17 +987,13 @@
     /**
      * Add element preview if available, used for the closing animation
      * @param {string} elementImageData - The element image data
-     * @param {Object} rect - The rectangle data
      */
-    #addElementPreview(elementImageData, rect) {
+    #addElementPreview(elementImageData) {
       if (elementImageData) {
         const imageDataElement = document.createXULElement('image');
         imageDataElement.setAttribute('src', elementImageData);
         imageDataElement.classList.add('zen-glance-element-preview');
 
-        // set an aspect ratio to prevent stretching during animation
-        imageDataElement.style.aspectRatio = `${parseFloat(rect.width)} / ${parseFloat(rect.height)}`;
-
         this.browserWrapper.prepend(imageDataElement);
       }
     }

surfer.json

@@ -19,7 +19,7 @@
       "brandShortName": "Zen",
       "brandFullName": "Zen Browser",
       "release": {
-        "displayVersion": "1.17b",
+        "displayVersion": "1.17.1b",
         "github": {
           "repo": "zen-browser/desktop"
         },