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

Refactor zen-glance styles and improve sidebar button animation handling

Browse Source
This commit is contained in:
mr. M
2025-02-02 00:06:19 +01:00
parent 07b70efd19
commit d5cea8bb0e
2 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/browser/base/zen-components/ZenGlanceManager.mjs
View File

@@ -102,8 +102,8 @@
this.contentWrapper = browser.closest('.browserStack');
}
showSidebarButtons() {
if (this.sidebarButtons.hasAttribute('hidden')) {
showSidebarButtons(animate = false) {
if (this.sidebarButtons.hasAttribute('hidden') && animate) {
gZenUIManager.motion.animate(
this.sidebarButtons.querySelectorAll('toolbarbutton'),
{ x: [-50, 0], opacity: [0, 1] },
@@ -141,7 +141,7 @@
const browserElement = this.createBrowserElement(data.url, currentTab, existingTab);
this.fillOverlay(browserElement);
this.showSidebarButtons();
this.showSidebarButtons(true);
this.overlay.classList.add('zen-glance-overlay');
@@ -249,7 +249,7 @@
...originalPosition,
opacity: 0,
},
{ type: 'spring', bounce: 0, duration: 0.5 }
{ type: 'spring', bounce: 0, duration: 0.7 }
)
.then(() => {
this.browserWrapper.removeAttribute('animate');
@@ -313,17 +313,22 @@
gBrowser.selectedTab = this.#currentTab;
const parentBrowserContainer = this.#currentParentTab.linkedBrowser.closest('.browserSidebarContainer');
parentBrowserContainer.classList.add('deck-selected');
parentBrowserContainer.classList.add('zen-glance-background');
parentBrowserContainer.classList.remove('zen-glance-overlay');
parentBrowserContainer.classList.add('deck-selected');
this.#currentParentTab.linkedBrowser.zenModeActive = true;
this.#currentParentTab.linkedBrowser.docShellIsActive = true;
this.#currentBrowser.zenModeActive = true;
this.#currentBrowser.docShellIsActive = true;
this.#currentBrowser.setAttribute('zen-glance-selected', true);
this.fillOverlay(this.#currentBrowser);
this.#currentParentTab._visuallySelected = true;
setTimeout(() => {
// just to make sure
parentBrowserContainer.classList.add('deck-selected');
this.#currentParentTab._visuallySelected = true;
}, 0);
this.overlay.classList.add('deck-selected');
this.overlay.classList.add('zen-glance-overlay');
@@ -363,6 +368,7 @@
}
}
// note: must be async to avoid timing issues
onLocationChange(browser) {
const tab = gBrowser.getTabForBrowser(browser);
if (this.animatingFullOpen) {