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

Update tabs max-height calculation in ZenThemeModifier

Browse Source
This commit is contained in:
Mauro Balades
2024-07-20 01:01:07 +02:00
parent a4a1aa5c43
commit 323c0e51f3
3 changed files with 28 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/browser/base/content/zenThemeModifier.js
View File

@@ -135,8 +135,17 @@ var ZenThemeModifier = {
this._updateZenAvatar();
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', this._onPrefersColorSchemeChange.bind(this));
this._updateTabsToolbar();
window.addEventListener("resize", this._onResize.bind(this));
function throttle(f, delay) {
let timer = 0;
return function(...args) {
clearTimeout(timer);
timer = setTimeout(() => f.apply(this, args), delay);
}
}
new ResizeObserver(throttle(
this._updateTabsToolbar.bind(this), 1000
)).observe(document.getElementById("tabbrowser-tabs"));
this.closeWatermark();
},
@@ -145,17 +154,14 @@ var ZenThemeModifier = {
this._updateZenAvatar();
},
_onResize(event) {
this._updateTabsToolbar();
},
_updateTabsToolbar() {
// Set tabs max-height to the "toolbar-items" height
const toolbarItems = document.getElementById("tabbrowser-tabs");
const tabs = document.getElementById("tabbrowser-arrowscrollbox");
tabs.style.maxHeight = '0px'; // reset to 0
const toolbarRect = toolbarItems.getBoundingClientRect();
// -5 for the controls padding
tabs.style.maxHeight = toolbarRect.height - 5 + "px";
// -7 for the controls padding
tabs.style.maxHeight = toolbarRect.height - 7 + "px";
console.log("ZenThemeModifier: set tabs max-height to", toolbarRect.height + "px");
},