LeMoonStar/zen-realigned
1
0
Fork 0
forked from ZenBrowserMirrors/zen-desktop
Code Pull requests Activity

Fix for #7910

Browse source 
This fixes #7910 by adding a conditional check for whether the sidebar is on the right and adjusting the CSS accordingly. 

Signed-off-by: Samuel Oldham <77629938+SO9010@users.noreply.github.com>
This commit is contained in:
Samuel Oldham 2025-05-12 23:26:16 +01:00 • committed by GitHub
parent fdb71c6b0e
commit c8150ccdcc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 16 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/zen/glance/ZenGlanceManager.mjs
View file

@ -50,6 +50,10 @@
}); });
} }
#areTabsOnRightSide() {
return Services.prefs.getBoolPref('zen.tabs.vertical.right-side');
}
get #currentBrowser() { get #currentBrowser() {
return this.#glances.get(this.#currentGlanceID)?.browser; return this.#glances.get(this.#currentGlanceID)?.browser;
} }
@ -124,6 +128,11 @@
showSidebarButtons(animate = false) { showSidebarButtons(animate = false) {
if (this.sidebarButtons.hasAttribute('hidden') && animate) { if (this.sidebarButtons.hasAttribute('hidden') && animate) {
if (this.#areTabsOnRightSide()) {
this.sidebarButtons.setAttribute('right', true);
} else {
this.sidebarButtons.removeAttribute('right');
}
for (const button of this.sidebarButtons.querySelectorAll('toolbarbutton')) { for (const button of this.sidebarButtons.querySelectorAll('toolbarbutton')) {
button.style.opacity = 0; button.style.opacity = 0;
} }

6
src/zen/glance/zen-glance.css
View file

@ -18,7 +18,13 @@
padding: 5px; padding: 5px;
gap: 12px; gap: 12px;
&[right='true'] {
right: 2%;
}
&[right='false'] {
left: 2%; left: 2%;
}
& toolbarbutton { & toolbarbutton {
width: 32px; width: 32px;