ZenBrowserMirrors/zen-desktop
1
0
Fork 1
mirror of https://github.com/zen-browser/desktop.git synced 2025-07-09 01:45:30 +02:00
Code Releases Wiki Activity

fix(build): disable LTO temporarily and enable PGO based on release settings

Browse source 
refactor(ui): remove unnecessary DOMContentLoaded listener from toolbar registration
fix(ui): trigger window resize event on closing watermark to recalculate layout
refactor(ui): improve animation structure for tab content in vertical tabs manager
This commit is contained in:
mr. M 2025-03-15 19:36:13 +01:00
parent 9406515f91
commit b6477b17d8
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
6 changed files with 51 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/browser/base/content/ZenCustomizableUI.sys.mjs
View file

@ -125,12 +125,5 @@ export var ZenCustomizableUI = new (class {
registerToolbarNodes(window) {
window.CustomizableUI.registerToolbarNode(window.document.getElementById('zen-sidebar-top-buttons'));
window.CustomizableUI.registerToolbarNode(window.document.getElementById('zen-sidebar-bottom-buttons'));
window.addEventListener(
'DOMContentLoaded',
() => {
this._dispatchResizeEvent(window);
},
{ once: true }
);
}
})();

1
src/browser/base/content/ZenStartup.mjs
View file

@ -58,6 +58,7 @@
closeWatermark() {
document.documentElement.removeAttribute('zen-before-loaded');
window.dispatchEvent(new window.Event('resize')); // To recalculate the layout
if (Services.prefs.getBoolPref('zen.watermark.enabled', false)) {
gZenUIManager.motion
.animate(

16
src/browser/base/content/ZenUIManager.mjs
View file

@ -372,12 +372,16 @@ var gZenVerticalTabsManager = {
aTab.style.removeProperty('opacity');
});
gZenUIManager.motion
.animate(aTab.querySelector('.tab-content'), {
filter: ['blur(1px)', 'blur(0px)'],
}, {
duration: 0.12,
easing: 'ease-out',
})
.animate(
aTab.querySelector('.tab-content'),
{
filter: ['blur(1px)', 'blur(0px)'],
},
{
duration: 0.12,
easing: 'ease-out',
}
)
.then(() => {
aTab.querySelector('.tab-stack').style.removeProperty('filter');
});