From 28bf0458e43e2bb741cd67834d2b50ce2b5587c6 Mon Sep 17 00:00:00 2001 From: "mr. m" Date: Fri, 10 Oct 2025 00:16:23 +0200 Subject: [PATCH] feat: Add indent to preference and tweak glance animation, b=no-bug, c=glance --- .../components/preferences/main-inc-xhtml.patch | 16 +++++++++------- src/zen/glance/ZenGlanceManager.mjs | 14 ++++++++++---- 2 files changed, 19 insertions(+), 11 deletions(-) diff --git a/src/browser/components/preferences/main-inc-xhtml.patch b/src/browser/components/preferences/main-inc-xhtml.patch index 234483ae9..587b67bc6 100644 --- a/src/browser/components/preferences/main-inc-xhtml.patch +++ b/src/browser/components/preferences/main-inc-xhtml.patch @@ -1,18 +1,20 @@ diff --git a/browser/components/preferences/main.inc.xhtml b/browser/components/preferences/main.inc.xhtml -index 891cf7108cf4606c99a902afa420e744b9690b87..72034b4a28e68016c04d06a2991ccebff30dd341 100644 +index 891cf7108cf4606c99a902afa420e744b9690b87..80a971b4a3e733e6495a0a11654c209e2aea5d9c 100644 --- a/browser/components/preferences/main.inc.xhtml +++ b/browser/components/preferences/main.inc.xhtml -@@ -29,6 +29,9 @@ +@@ -29,6 +29,11 @@ -+ ++ #ifdef XP_WIN diff --git a/src/zen/glance/ZenGlanceManager.mjs b/src/zen/glance/ZenGlanceManager.mjs index 949844619..d2c28ef9e 100644 --- a/src/zen/glance/ZenGlanceManager.mjs +++ b/src/zen/glance/ZenGlanceManager.mjs @@ -373,9 +373,10 @@ /** * Handle element preview if provided * @param {Object} data - Glance data + * @param {Object} rect - The rectangle data * @returns {Element|null} The preview element or null */ - #handleElementPreview(data) { + #handleElementPreview(data, rect) { if (!data.elementData) { return null; } @@ -383,9 +384,11 @@ const imageDataElement = document.createXULElement('image'); imageDataElement.setAttribute('src', data.elementData); imageDataElement.classList.add('zen-glance-element-preview'); + imageDataElement.style.width = `${data.width}px`; + imageDataElement.style.height = `${data.height}px`; + this.browserWrapper.prepend(imageDataElement); this.#glances.get(this.#currentGlanceID).elementImageData = data.elementData; - return imageDataElement; } @@ -834,7 +837,7 @@ const originalPosition = this.#glances.get(this.#currentGlanceID).originalPosition; const elementImageData = this.#glances.get(this.#currentGlanceID).elementImageData; - this.#addElementPreview(elementImageData); + this.#addElementPreview(elementImageData, originalPosition); // Create curved closing animation sequence const closingData = this.#createClosingDataFromOriginalPosition(originalPosition); @@ -876,12 +879,15 @@ /** * Add element preview if available * @param {string} elementImageData - The element image data + * @param {Object} rect - The rectangle data */ - #addElementPreview(elementImageData) { + #addElementPreview(elementImageData, rect) { if (elementImageData) { const imageDataElement = document.createXULElement('image'); imageDataElement.setAttribute('src', elementImageData); imageDataElement.classList.add('zen-glance-element-preview'); + imageDataElement.style.width = rect.width; + imageDataElement.style.height = rect.height; this.browserWrapper.prepend(imageDataElement); } }