mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-07-28 19:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Stop blending colors on compact mode, b=bug #11035, c=common, compact-mode, glance

Browse Source
This commit is contained in:
mr. m
2025-10-28 13:30:18 +01:00
parent b3736dfe32
commit 6f63c550a6
3 changed files with 7 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/zen/common/styles/zen-browser-ui.css
View File

@@ -78,11 +78,6 @@
background: var(--zen-main-browser-background-toolbar-old);
}
}
&::after,
&::before {
mix-blend-mode: plus-lighter;
}
}
:root:not([animating-background='true']) &::before {

2
src/zen/compact-mode/zen-compact-mode.css
View File

@@ -11,7 +11,7 @@
overflow: clip;
z-index: -1;
background: black; /* Any color thats not white */
background: light-dark(#e9e9e9, #131313);
box-shadow: var(--zen-big-shadow);
@media -moz-pref('zen.theme.acrylic-elements') {
background: transparent;

12
src/zen/glance/ZenGlanceManager.mjs
View File

@@ -245,7 +245,7 @@
x: [xOffset, 0],
},
{
duration: 0.3,
duration: 0.2,
type: 'spring',
delay: 0.2,
bounce: 0,
@@ -392,7 +392,7 @@
parentSidebarContainer,
{
scale: [1, 0.98],
opacity: [1, 0.5],
opacity: [1, 0.4],
},
{
duration: 0.3,
@@ -464,7 +464,7 @@
opacity: [1, 0],
},
{
duration: 0.25,
duration: 0.1,
easing: 'easeInOut',
}
);
@@ -540,7 +540,7 @@
this.#animateParentBackground();
gZenUIManager.motion
.animate(this.browserWrapper, arcSequence, {
duration: gZenUIManager.testingEnabled ? 0 : 0.4,
duration: gZenUIManager.testingEnabled ? 0 : 0.3,
ease: 'easeInOut',
})
.then(() => {
@@ -926,7 +926,7 @@
browserSidebarContainer,
{
scale: [0.98, 1],
opacity: [0.5, 1],
opacity: [0.4, 1],
},
{
duration: 0.3,
@@ -959,7 +959,7 @@
const arcSequence = this.#createGlanceArcSequence(closingData, 'closing');
gZenUIManager.motion
.animate(this.browserWrapper, arcSequence, { duration: 0.4, ease: 'easeOut' })
.animate(this.browserWrapper, arcSequence, { duration: 0.3, ease: 'easeOut' })
.then(() => {
// Remove element preview after closing animation
const elementPreview = this.browserWrapper.querySelector('.zen-glance-element-preview');