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

Refactor sidebar panel animation and update subproject commit

Browse Source
This commit is contained in:
mr. M
2024-10-27 20:32:24 +01:00
parent ea871aaa7b
commit 25c8796888
3 changed files with 8 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: 87e0859cc8...7ae2dee1b2

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

@@ -80,11 +80,11 @@
@keyframes better-sidebar-pinned-hide {
0% {
opacity: 1;
transform: perspective(var(--sideper)) scale(1) rotateX(0deg);
transform: scale(1) rotateX(0deg);
}
100% {
transform: perspective(var(--sideper)) scale(0.99) rotateX(-5deg);
transform: scale(0.99) rotateX(-5deg);
opacity: 0;
}
}
@@ -93,11 +93,11 @@
0% {
opacity: 0;
transform: perspective(var(--sideper)) scale(0.99) rotateX(-5deg);
transform: scale(0.99) rotateX(-5deg);
}
100% {
transform: perspective(var(--sideper)) scale(1) rotateX(0deg);
transform: scale(1) rotateX(0deg);
opacity: 1;
}
}
@@ -106,11 +106,11 @@
0% {
opacity: 1;
transform: perspective(var(--sideper)) scale(1) rotateX(0deg);
transform: scale(1) rotateX(0deg);
}
100% {
transform: perspective(var(--sideper)) scale(0.99) rotateX(-5deg);
transform: scale(0.99) rotateX(-5deg);
opacity: 0;
}
}
@@ -121,7 +121,7 @@
}
100% {
transform: perspective(var(--sideper)) scale(1);
transform: scale(1);
opacity: 1;
}
}

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

@@ -192,10 +192,6 @@
#zen-sidebar-web-panel-browser-containers {
height: 100%;
position: relative;
@media (-moz-bool-pref: 'zen.view.experimental-rounded-view') {
mix-blend-mode: multiply;
}
}
#zen-sidebar-introduction-panel {
@@ -243,7 +239,6 @@
}
#zen-sidebar-web-panel[pinned] {
--sideper: 4000px;
transform-origin: 50% 20%;
}
@@ -257,7 +252,6 @@
/** UNPINNED **/
#zen-sidebar-web-panel {
--sideper: 4000px;
/* Sets perspective */
transform-origin: 50% 20%;
}