mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-02-17 17:08:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix gradient box positioning and update dot position handling in ZenGradientGenerator

Browse Source
This commit is contained in:
mr. M
2025-02-21 11:42:44 +01:00
parent 679c764403
commit 2593d2137b
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/zen-popupset.inc.xhtml
View File

@@ -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>

5
src/browser/base/zen-components/ZenGradientGenerator.mjs
View File

@@ -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);