mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-01 23:48:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed animations for glance

Browse Source
This commit is contained in:
mr. M
2024-10-29 10:21:47 +01:00
parent 64c3ff4573
commit 4783f264df
5 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/zen-components

Submodule src/browser/base/content/zen-components updated: 893eead718...ed7ce7c8d3

1
src/browser/base/content/zen-glance.inc.xhtml
View File

@@ -9,4 +9,5 @@
</vbox>
</vbox>
</hbox>
<hbox id="zen-glance-tabs" hidden="true"></hbox>
</hbox>

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

@@ -279,20 +279,10 @@
opacity: 1;
}
96% {
80% {
opacity: 1;
}
98% {
/* make the box grow to full width/height */
opacity: 1;
transform: translateX(-50%);
top: -5px;
left: 50%;
width: 77%;
height: 102%;
}
100% {
transform: translateX(-50%);
opacity: 1;

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

@@ -7,7 +7,7 @@
top: 0;
left: 0;
z-index: 3;
background: color-mix(in srgb, var(--zen-colors-tertiary) 10%, transparent 90%);
background: color-mix(in srgb, var(--zen-colors-tertiary) 20%, transparent 80%);
backdrop-filter: blur(2px);
animation: zen-glance-overlay-animation 0.1s ease-in-out forwards;
border-radius: var(--zen-border-radius);
@@ -45,6 +45,7 @@
}
& #zen-glance-content {
z-index: 1;
width: 100%;
height: 100%;
display: flex;