From 2593d2137ba7a44c1dbde502351c0fced0e1f78a Mon Sep 17 00:00:00 2001
From: "mr. M" <mauro.balades@tutanota.com>
Date: Fri, 21 Feb 2025 11:42:44 +0100
Subject: [PATCH] Fix gradient box positioning and update dot position handling
 in ZenGradientGenerator

---
 src/browser/base/content/zen-popupset.inc.xhtml          | 2 +-
 src/browser/base/zen-components/ZenGradientGenerator.mjs | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/browser/base/content/zen-popupset.inc.xhtml b/src/browser/base/content/zen-popupset.inc.xhtml
index 95a0b0f39..ac464d782 100644
--- a/src/browser/base/content/zen-popupset.inc.xhtml
+++ b/src/browser/base/content/zen-popupset.inc.xhtml
@@ -91,7 +91,7 @@
           <box data-algo="analogous" data-num-dots="3" data-position="167,201" style="background: linear-gradient(135deg, #a03fe0, #382b5c);"></box>
           <box data-algo="analogous" data-num-dots="3" data-position="90,170" style="background: linear-gradient(135deg, #c57aa3, #af824f);"></box>
           <box data-algo="splitComplementary" data-num-dots="3" data-position="83,103" style="background: linear-gradient(135deg, #1e90ff, #968a4a);"></box>
-          <box data-algo="analogous" data-num-dots="3" data-position="219,99" style="background: linear-gradient(135deg, #a07a48, #ab80e4);"></box>
+          <box data-algo="analogous" data-num-dots="3" data-position="186,186" style="background: linear-gradient(135deg, #a07a48, #ab80e4);"></box>
           <box data-algo="float" data-num-dots="1" data-position="196,176" style="background: #7bcbda;"></box>
           <box data-algo="float" data-num-dots="1" data-position="116,167" style="background: #be9ac9;"></box>
           <box data-algo="float" data-num-dots="1" data-position="122,110" style="background: #cdcea1;"></box>
diff --git a/src/browser/base/zen-components/ZenGradientGenerator.mjs b/src/browser/base/zen-components/ZenGradientGenerator.mjs
index 763cb822c..f7c401af7 100644
--- a/src/browser/base/zen-components/ZenGradientGenerator.mjs
+++ b/src/browser/base/zen-components/ZenGradientGenerator.mjs
@@ -530,8 +530,6 @@
 
         if (existingDot) {
           existingDot.position = dotPosition.position;
-          existingDot.element.style.left = `${dotPosition.position.x}px`;
-          existingDot.element.style.top = `${dotPosition.position.y}px`;
           const colorFromPos = this.getColorFromPosition(dotPosition.position.x, dotPosition.position.y);
           existingDot.element.style.setProperty(
             '--zen-theme-picker-dot-color',
@@ -551,6 +549,9 @@
                 bounce: 0.3,
               }
             );
+          } else {
+            existingDot.element.style.left = `${dotPosition.position.x}px`;
+            existingDot.element.style.top = `${dotPosition.position.y}px`;
           }
         } else {
           this.spawnDot(dotPosition.position);