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

Add temporary attribute to disable tab animations during workspace changes for smoother transitions

Browse Source
This commit is contained in:
mr. M
2025-01-02 17:05:24 +01:00
parent b4b26979de
commit fc12649028
2 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -254,6 +254,10 @@
animation-duration: 0.2s;
animation-timing-function: ease;
}
#tabbrowser-tabs[dont-animate-tabs] & {
opacity: 0;
}
}
&:not([zen-essential='true']):active {

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

@@ -1327,6 +1327,7 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
const visibleTabs = new Set();
const lastSelectedTab = this._lastSelectedWorkspaceTabs[workspaceUuid];
this.tabContainer.setAttribute('dont-animate-tabs', 'true');
for (const tab of gBrowser.tabs) {
const tabWorkspaceId = tab.getAttribute('zen-workspace-id');
const isEssential = tab.getAttribute("zen-essential") === "true";
@@ -1350,6 +1351,10 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
gBrowser.hideTab(tab, undefined, true);
}
}
window.requestAnimationFrame(() => {
this.tabContainer.removeAttribute('dont-animate-tabs');
});
return visibleTabs;
}