diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css index ffab75cb6..37f9e2e6f 100644 --- a/src/browser/base/content/zen-styles/zen-decks.css +++ b/src/browser/base/content/zen-styles/zen-decks.css @@ -55,6 +55,10 @@ } #tabbrowser-tabbox:has(#tabbrowser-tabpanels[zen-split-view='true']) { + :root[zen-no-padding='true'] & { + --zen-element-separation: 8px; + } + --zen-split-row-gap: var(--zen-element-separation); --zen-split-column-gap: calc(var(--zen-element-separation) + 1px); margin-right: calc(-1 * var(--zen-split-column-gap)); diff --git a/src/browser/base/content/zen-styles/zen-glance.css b/src/browser/base/content/zen-styles/zen-glance.css index 8dcd4513f..fabd9438b 100644 --- a/src/browser/base/content/zen-styles/zen-glance.css +++ b/src/browser/base/content/zen-styles/zen-glance.css @@ -4,11 +4,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -.browserSidebarContainer:has([zen-glance-selected]), -.browserSidebarContainer.zen-glance-overlay { - visibility: inherit; -} - #zen-glance-sidebar-container { position: absolute; display: flex; @@ -88,18 +83,32 @@ } } +:root[zen-no-padding='true'] .browserSidebarContainer.zen-glance-background { + --zen-native-inner-radius: 4px; + --zen-element-separation: 4px; +} + +.browserSidebarContainer.zen-glance-background, +.browserSidebarContainer.zen-glance-overlay .browserContainer { + border-radius: var(--zen-native-inner-radius); + box-shadow: var(--zen-big-shadow); +} + .browserSidebarContainer.zen-glance-overlay { box-shadow: none !important; + visibility: inherit; + + :root[zen-no-padding='true'] & { + --zen-native-inner-radius: 0px; + } & .browserContainer { background: var(--zen-dialog-background); position: fixed; - border-radius: var(--zen-native-inner-radius); opacity: 0; top: 0; left: 0; flex: unset !important; - box-shadow: var(--zen-big-shadow); &[has-finished-animation='true'] { position: relative !important;