From e469c041253a903d89c48ce07ae83cbfcf674fd8 Mon Sep 17 00:00:00 2001 From: sporocyst Date: Sun, 6 Apr 2025 23:54:14 +0800 Subject: [PATCH 1/4] Fix sidebar always stays left Signed-off-by: sporocyst --- src/browser/base/content/zen-styles/zen-sidebar.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/browser/base/content/zen-styles/zen-sidebar.css b/src/browser/base/content/zen-styles/zen-sidebar.css index 01b170d82..e374db463 100644 --- a/src/browser/base/content/zen-styles/zen-sidebar.css +++ b/src/browser/base/content/zen-styles/zen-sidebar.css @@ -49,7 +49,12 @@ border-radius: var(--zen-native-inner-radius); box-shadow: var(--zen-big-shadow); overflow: hidden; - + &[positionend=""] { + order: 6; + & ~ #sidebar-splitter { + order: 5; + } + } :root:not([zen-right-side='true']) &[positionend='true'] { margin-right: var(--zen-element-separation); } From 814e6976753a403071301d4f914a33e6f33eb898 Mon Sep 17 00:00:00 2001 From: Lund1337 <59971256+Lund1337@users.noreply.github.com> Date: Sun, 6 Apr 2025 19:34:46 +0300 Subject: [PATCH 2/4] Added transparent browser background on linux --- src/browser/app/profile/zen-browser.js | 5 +++++ src/browser/base/content/zen-styles/zen-theme.css | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/src/browser/app/profile/zen-browser.js b/src/browser/app/profile/zen-browser.js index 52986ed37..d195f3f9c 100644 --- a/src/browser/app/profile/zen-browser.js +++ b/src/browser/app/profile/zen-browser.js @@ -380,6 +380,11 @@ pref('widget.macos.titlebar-blend-mode.behind-window', true); pref('zen.widget.macos.window-material', 3); #endif +// Enable transparent background for linux +#ifdef MOZ_WIDGET_GTK +pref('zen.widget.linux.transparency', true); +#endif + // Urlbar and autocomplete pref("browser.urlbar.maxRichResults", 6); pref("browser.urlbar.trimHttps", true); diff --git a/src/browser/base/content/zen-styles/zen-theme.css b/src/browser/base/content/zen-styles/zen-theme.css index 1f46023fd..2cd9f7c94 100644 --- a/src/browser/base/content/zen-styles/zen-theme.css +++ b/src/browser/base/content/zen-styles/zen-theme.css @@ -167,6 +167,11 @@ } } + @media (-moz-platform: linux) and -moz-pref('zen.widget.linux.transparency'){ + background: transparent; + --zen-themed-toolbar-bg-transparent: transparent; + } + --toolbar-field-background-color: var(--zen-colors-input-bg) !important; --arrowpanel-background: var(--zen-dialog-background) !important; From f9b3fed4037c5621c4cd7d61dddf3e018bd756e4 Mon Sep 17 00:00:00 2001 From: unknown Date: Mon, 7 Apr 2025 01:42:43 +0800 Subject: [PATCH 3/4] npm run pretty --- src/browser/base/content/zen-styles/zen-sidebar.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/browser/base/content/zen-styles/zen-sidebar.css b/src/browser/base/content/zen-styles/zen-sidebar.css index e374db463..8575df45e 100644 --- a/src/browser/base/content/zen-styles/zen-sidebar.css +++ b/src/browser/base/content/zen-styles/zen-sidebar.css @@ -49,11 +49,11 @@ border-radius: var(--zen-native-inner-radius); box-shadow: var(--zen-big-shadow); overflow: hidden; - &[positionend=""] { + &[positionend=''] { order: 6; - & ~ #sidebar-splitter { - order: 5; - } + & ~ #sidebar-splitter { + order: 5; + } } :root:not([zen-right-side='true']) &[positionend='true'] { margin-right: var(--zen-element-separation); From ce55e7eed5038ea230a8a5fe6c30c1f970b61984 Mon Sep 17 00:00:00 2001 From: "mr. m" Date: Mon, 7 Apr 2025 11:00:19 +0200 Subject: [PATCH 4/4] fix: simplify sidebar width calculation and remove unnecessary animated padding attribute --- src/browser/base/content/zen-styles/zen-compact-mode.css | 8 +------- src/browser/base/zen-components/ZenCompactMode.mjs | 3 --- 2 files changed, 1 insertion(+), 10 deletions(-) diff --git a/src/browser/base/content/zen-styles/zen-compact-mode.css b/src/browser/base/content/zen-styles/zen-compact-mode.css index 7766cef61..e0b23c792 100644 --- a/src/browser/base/content/zen-styles/zen-compact-mode.css +++ b/src/browser/base/content/zen-styles/zen-compact-mode.css @@ -116,13 +116,7 @@ outline-offset: -1px; /* times 4 because we have the inner padding and the outter padding to consider */ :root[zen-sidebar-expanded='true'] & { - &[has-animated-padding='true'] { - width: calc(var(--zen-sidebar-width) + var(--zen-toolbox-padding)); - } - - &:not([has-animated-padding='true']) { - width: calc(var(--zen-sidebar-width) - var(--zen-toolbox-padding)); - } + width: calc(var(--zen-sidebar-width) - var(--zen-toolbox-padding)); } :root[zen-single-toolbar='true'] { diff --git a/src/browser/base/zen-components/ZenCompactMode.mjs b/src/browser/base/zen-components/ZenCompactMode.mjs index 3707c4376..91cc9ccb1 100644 --- a/src/browser/base/zen-components/ZenCompactMode.mjs +++ b/src/browser/base/zen-components/ZenCompactMode.mjs @@ -193,9 +193,6 @@ var gZenCompactModeManager = { const titlebar = this.sidebar.querySelector('#titlebar'); if (canAnimate) { this.sidebar.setAttribute('animate', 'true'); - titlebar.setAttribute('has-animated-padding', 'true'); - } else { - titlebar.removeAttribute('has-animated-padding'); } this.sidebar.style.removeProperty('margin-right'); this.sidebar.style.removeProperty('margin-left');