ZenBrowserMirrors/components
1
0
Fork 0
mirror of https://github.com/zen-browser/components.git synced 2025-07-08 06:09:58 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor ZenCompactMode to add event listeners and flashSidebar enhancements

Browse source
This commit is contained in:
mauro-balades 2024-09-21 16:58:20 +02:00
parent 80a8904bbc
commit e14fbd8e5c
3 changed files with 22 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/ZenCompactMode.mjs
View file

@ -1,5 +1,6 @@
var gZenCompactModeManager = {
_flashSidebarTimeout: {},
_evenListeners: [],
init() {
Services.prefs.addObserver('zen.view.compact', this._updateEvent.bind(this));
@ -26,7 +27,12 @@ var gZenCompactModeManager = {
return this._sidebar;
},
addEventListener(callback) {
this._evenListeners.push(callback);
},
_updateEvent() {
this._evenListeners.forEach((callback) => callback());
Services.prefs.setBoolPref('zen.view.sidebar-expanded.on-hover', false);
},
@ -63,7 +69,7 @@ var gZenCompactModeManager = {
];
},
flashSidebar(element = null, duration = null, id = null) {
flashSidebar(element = null, duration = null, id = null, forFlash = true) {
if (!element) {
element = this.sidebar;
}
@ -74,18 +80,23 @@ var gZenCompactModeManager = {
id = this.sidebar.id;
}
let tabPanels = document.getElementById('tabbrowser-tabpanels');
if (element.matches(':hover') || tabPanels.matches("[zen-split-view='true']")) {
if (element.matches(':hover') || (forFlash && tabPanels.matches("[zen-split-view='true']"))) {
return;
}
if (this._flashSidebarTimeout[id]) {
clearTimeout(this._flashSidebarTimeout[id]);
} else {
} else if (forFlash) {
window.requestAnimationFrame(() => element.setAttribute('flash-popup', ''));
} else {
window.requestAnimationFrame(() => element.setAttribute('zen-has-hover', 'true'));
}
this._flashSidebarTimeout[id] = setTimeout(() => {
window.requestAnimationFrame(() => {
element.removeAttribute('flash-popup');
element.removeAttribute('zen-has-hover');
if (forFlash) {
element.removeAttribute('flash-popup');
} else {
element.removeAttribute('zen-has-hover');
}
this._flashSidebarTimeout[id] = null;
});
}, duration);
@ -95,12 +106,12 @@ var gZenCompactModeManager = {
for (let i = 0; i < this.hoverableElements.length; i++) {
this.hoverableElements[i].addEventListener('mouseenter', (event) => {
let target = this.hoverableElements[i];
target.setAttribute('zen-has-hover', 'true', target.id);
target.setAttribute('zen-has-hover', 'true');
});
this.hoverableElements[i].addEventListener('mouseleave', (event) => {
let target = this.hoverableElements[i];
this.flashSidebar(target, this.hideAfterHoverDuration, target.id);
this.flashSidebar(target, this.hideAfterHoverDuration, target.id, false);
});
}
},

2
src/ZenSidebarManager.mjs
View file

@ -133,6 +133,7 @@ var gZenBrowserManagerSidebar = {
}
const button = document.getElementById('zen-sidepanel-button');
if (!button) return;
if (Services.prefs.getBoolPref('zen.sidebar.enabled')) {
button.removeAttribute('hidden');
} else {
@ -187,6 +188,7 @@ var gZenBrowserManagerSidebar = {
_updateSidebarButton() {
let button = document.getElementById('zen-sidepanel-button');
if (!button) return;
if (!document.getElementById('zen-sidebar-web-panel').hasAttribute('hidden')) {
button.setAttribute('open', 'true');
} else {

2
src/ZenWorkspaces.mjs
View file

@ -515,6 +515,8 @@ var ZenWorkspaces = {
icon?.removeAttribute('selected');
await this.createAndSaveWorkspace(workspaceName, false, icon?.label);
document.getElementById('PanelUI-zen-workspaces').hidePopup(true);
await this._updateWorkspacesButton();
await this._propagateWorkspaceData();
},
async saveWorkspaceFromEdit() {