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-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/content/zen-styles/zen-sidebar.css b/src/browser/base/content/zen-styles/zen-sidebar.css index 01b170d82..8575df45e 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); } 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; 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');