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

Enhance tab animations and transition effects for improved user experience

Browse Source
This commit is contained in:
mr. M
2025-01-29 20:43:17 +01:00
parent cb9c7d5c48
commit d158472709
5 changed files with 9 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/browser/base/content/ZenUIManager.mjs
View File

@@ -221,14 +221,13 @@ var gZenVerticalTabsManager = {
.animate(
aTab,
{
opacity: [0.7, 1],
transform: ['translateY(-20px)', 'translateY(0px)'],
opacity: [0, 1],
transform: ['translateY(-50px)', 'translateY(0px)'],
marginBottom: isLastTab ? [] : ['-20px', '0px'],
},
{
duration: 0.2,
type: 'spring',
bounce: 0,
easing: 'ease-out',
}
)
.then(() => {

4
src/browser/base/content/zen-styles/zen-compact-mode.css
View File

@@ -228,8 +228,8 @@
1.003423 100%
);
transition:
left 0.3125s var(--zen-compact-mode-func),
right 0.3125s var(--zen-compact-mode-func);
left 0.3s var(--zen-compact-mode-func),
right 0.3s var(--zen-compact-mode-func);
opacity: 1;
left: -1px;

2
src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
View File

@@ -72,7 +72,7 @@
}
#browser {
--zen-toolbox-padding: max(5px, calc(var(--zen-element-separation) / 1.5));
--zen-toolbox-padding: max(.4rem, calc(var(--zen-element-separation) / 1.5));
}
:root[zen-single-toolbar='true'] {