mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-07 02:16:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add error handling to tab animation and refine empty tab selection logic

Browse Source
This commit is contained in:
mr. M
2025-03-08 19:43:12 +01:00
parent 441ea2000b
commit 6d164511b4
2 changed files with 32 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -347,33 +347,37 @@ var gZenVerticalTabsManager = {
return visibleTabs[visibleTabs.length - 1] === aTab; return visibleTabs[visibleTabs.length - 1] === aTab;
}; };
const tabSize = aTab.getBoundingClientRect().height; try {
const transform = `-${tabSize}px`; const tabSize = aTab.getBoundingClientRect().height;
gZenUIManager.motion const transform = `-${tabSize}px`;
.animate( gZenUIManager.motion
aTab, .animate(
{ aTab,
opacity: [0, 1], {
transform: ['scale(0.95)', 'scale(1)'], opacity: [0, 1],
marginBottom: isLastTab() ? [] : [transform, '0px'], transform: ['scale(0.95)', 'scale(1)'],
}, marginBottom: isLastTab() ? [] : [transform, '0px'],
{ },
duration: 0.2, {
easing: 'ease-out', duration: 0.2,
} easing: 'ease-out',
) }
.then(() => { )
aTab.style.removeProperty('margin-bottom'); .then(() => {
aTab.style.removeProperty('transform'); aTab.style.removeProperty('margin-bottom');
aTab.style.removeProperty('opacity'); aTab.style.removeProperty('transform');
}); aTab.style.removeProperty('opacity');
gZenUIManager.motion });
.animate(aTab.querySelector('.tab-content'), { gZenUIManager.motion
filter: ['blur(1px)', 'blur(0px)'], .animate(aTab.querySelector('.tab-content'), {
}) filter: ['blur(1px)', 'blur(0px)'],
.then(() => { })
aTab.querySelector('.tab-stack').style.removeProperty('filter'); .then(() => {
}); aTab.querySelector('.tab-stack').style.removeProperty('filter');
});
} catch (e) {
console.error(e);
}
}, },
get actualWindowButtons() { get actualWindowButtons() {

2
src/browser/base/zen-components/ZenWorkspaces.mjs
View File

@@ -628,7 +628,7 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
(currentTab.isEmpty && (currentTab.isEmpty &&
(currentTab.getAttribute('image') === gPageIcons[currentTabURL] || !currentTab.hasAttribute('image'))) || (currentTab.getAttribute('image') === gPageIcons[currentTabURL] || !currentTab.hasAttribute('image'))) ||
currentTab.hasAttribute('zen-empty-tab') || currentTab.hasAttribute('zen-empty-tab') ||
currentTab._possibleEmptyTab (currentTab._possibleEmptyTab && currentTab.isEmpty)
) { ) {
this.selectEmptyTab(); this.selectEmptyTab();
this._removedByStartupPage = true; this._removedByStartupPage = true;