mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-30 15:08:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhance Zen animations and glance functionality with improved styles and closing behavior

Browse Source
This commit is contained in:
mr. M
2024-11-10 18:20:23 +01:00
parent 5ab9ee7c34
commit 1c7c6b2a0f
5 changed files with 28 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/browser/base/content/zen-styles/zen-animations.css
View File

@@ -256,7 +256,7 @@
top: 50%;
left: 50%;
width: 87%;
height: 87%;
height: calc(102% + 10px);
}
100% {
@@ -264,7 +264,7 @@
transform: translate(-50%, -50%) translateZ(0);
opacity: 1;
width: 85%;
height: 85%;
height: calc(100% + 10px);
top: 50%;
left: 50%;
}
@@ -287,7 +287,7 @@
transform: translate(-50%, -50%);
opacity: 1;
width: 85%;
height: 85%;
height: calc(100% + 10px);
top: 50%;
left: 50%;
}

16
src/browser/base/content/zen-styles/zen-glance.css
View File

@@ -9,11 +9,11 @@
}
#tabbrowser-tabpanels:has(.zen-glance-background) {
transform: scale(0.99);
transform: scale(0.97);
backdrop-filter: blur(5px);
& .zen-glance-background {
opacity: 0.8;
opacity: 0.6;
transition: opacity 0.1s ease-in-out;
}
}
@@ -32,7 +32,7 @@
opacity: 1;
& .browserContainer {
animation: zen-glance-content-animation-out .3s ease-in-out forwards !important;
animation: zen-glance-content-animation-out .2s ease-in-out forwards !important;
animation-direction: reverse !important;
& browser {
@@ -66,7 +66,7 @@
transition: 0s !important;
transform: none !important;
margin: auto !important;
top: 0 !important;
top: -5px !important;
left: 0 !important;
}
@@ -105,13 +105,13 @@
width: 100%;
height: 100%;
opacity: 1;
transition: opacity 0.3s ease-in-out;
transition-delay: 0.2s;
transition: opacity 0.2s ease-in-out;
transition-delay: 0.1s;
}
&[animate-full='true'] {
opacity: 1;
animation: zen-glance-buttons-animation-full 0.3s ease-in-out forwards !important;
animation: zen-glance-buttons-animation-full 0.2s ease-in-out forwards !important;
& #zen-glance-sidebar-container {
opacity: 0 !important;
@@ -119,7 +119,7 @@
}
&[animate='true'] {
animation: zen-glance-content-animation .4s ease-in-out forwards;
animation: zen-glance-content-animation .3s ease-in-out forwards;
animation-delay: 0.1s;
&:not([animate-end='true']) {