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

Merge branch 'dev' into window-sync

Browse Source
This commit is contained in:
mr. m
2025-12-08 12:10:44 +01:00
committed by GitHub
parent 60c0afc5ac 85d52d15c2
commit d97404d03b
3 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/zen/common/styles/zen-animations.css
View File

@@ -18,13 +18,13 @@
@keyframes zen-theme-picker-dot-animation {
from {
transform: scale(0.8) translate(-25%, -25%);
transform: scale(0.8) translate(-50%, -50%);
}
50% {
transform: scale(1.2) translate(-25%, -25%);
transform: scale(1.2) translate(-50%, -50%);
}
to {
transform: scale(1) translate(-25%, -25%);
transform: scale(1) translate(-50%, -50%);
}
}

8
src/zen/workspaces/ZenGradientGenerator.mjs
View File

@@ -799,8 +799,12 @@ export class nsZenThemePicker extends nsZenMultiWindowFeature {
gZenUIManager.motion.animate(
existingDot.element,
{
left: `${dotPosition.position.x}px`,
top: `${dotPosition.position.y}px`,
left: existingDot.element.style.left
? [existingDot.element.style.left, `${dotPosition.position.x}px`]
: `${dotPosition.position.x}px`,
top: existingDot.element.style.top
? [existingDot.element.style.top, `${dotPosition.position.y}px`]
: `${dotPosition.position.y}px`,
},
{
duration: 0.4,

9
src/zen/workspaces/zen-gradient-generator.css
View File

@@ -252,7 +252,7 @@
min-height: calc(var(--panel-width) - var(--panel-padding) * 2 - 2px);
background: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.03));
background-image: radial-gradient(
light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1)) 0.5px,
light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.05)) 1px,
transparent 0
);
background-position: -23px -23px;
@@ -271,9 +271,10 @@
cursor: pointer;
border: 3px solid #ffffff;
animation: zen-theme-picker-dot-animation 0.5s;
transform: translate(-25%, -25%);
transform: translate(-50%, -50%);
pointer-events: none;
transform-origin: center center;
transform-origin: left top;
margin: 10px 0 0 10px;
&:first-of-type {
width: 38px;
@@ -284,7 +285,7 @@
transition: transform 0.2s;
z-index: 999;
&:hover {
transform: scale(1.05) translate(-25%, -25%);
transform: scale(1.05) translate(-50%, -50%);
}
}