diff --git a/src/browser/base/content/zen-components b/src/browser/base/content/zen-components index 5d631354e..078e617cc 160000 --- a/src/browser/base/content/zen-components +++ b/src/browser/base/content/zen-components @@ -1 +1 @@ -Subproject commit 5d631354e5ce818ab2917a4075d6418e7889672f +Subproject commit 078e617cc85a62b0cb0e29eed6856d54843e4a25 diff --git a/src/browser/base/content/zen-styles/zen-animations.css b/src/browser/base/content/zen-styles/zen-animations.css index a7a4aaca4..846307b69 100644 --- a/src/browser/base/content/zen-styles/zen-animations.css +++ b/src/browser/base/content/zen-styles/zen-animations.css @@ -303,8 +303,8 @@ } to { - width: calc(100% - var(--zen-element-separation)); - height: calc(100% - var(--zen-element-separation)); + width: 100%; + height: 100%; top: 0; left: 0; opacity: 1; 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 3c0e1ebd2..21fdf60d2 100644 --- a/src/browser/base/content/zen-styles/zen-compact-mode.css +++ b/src/browser/base/content/zen-styles/zen-compact-mode.css @@ -2,6 +2,11 @@ @media (-moz-bool-pref: 'zen.view.compact') { :root:not([customizing]):not([inDOMFullscreen='true']) { + #zen-glance-overlay { + height: calc(100% - var(--zen-element-separation) * 2); + width: calc(100% - var(--zen-element-separation) * 2); + } + @media (-moz-bool-pref: 'zen.view.compact.hide-tabbar') { #zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[pinned='true']) { margin-left: calc(var(--zen-sidebar-web-panel-spacing) * 2) !important; @@ -11,6 +16,11 @@ padding-inline-start: calc(var(--zen-toolbox-padding) - var(--toolbarbutton-outer-padding)) !important; } + &:not([inDOMFullscreen='true']) #zen-glance-overlay { + margin-left: var(--zen-element-separation) !important; + padding-right: var(--zen-element-separation) !important; + } + /* Set the extra paddings */ #tabbrowser-tabpanels { :root:not([inDOMFullscreen='true']) #browser:has(#navigator-toolbox[zen-right-side='true']) & { @@ -107,6 +117,10 @@ padding-top: var(--zen-element-separation) !important; } + &:not([inDOMFullscreen='true']) #zen-glance-overlay { + margin-top: var(--zen-element-separation) !important; + } + #sidebar-box, #zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel:not([pinned='true'])) { margin-top: var(--zen-element-separation) !important; diff --git a/src/browser/base/content/zen-styles/zen-glance.css b/src/browser/base/content/zen-styles/zen-glance.css index 7972e174d..17d008bcd 100644 --- a/src/browser/base/content/zen-styles/zen-glance.css +++ b/src/browser/base/content/zen-styles/zen-glance.css @@ -1,13 +1,17 @@ #zen-glance-overlay { - width: 100%; - height: 100%; + height: calc(100% - var(--zen-element-separation)); + width: calc(100% - var(--zen-element-separation)); display: flex; position: absolute; top: 0; left: 0; z-index: 3; + #browser:has(#navigator-toolbox[zen-right-side='true']) & { + margin-left: var(--zen-element-separation); + } + &:not(:has([animate-full-end='true'])):not(:has([animate-full='true'])) { background: color-mix(in srgb, var(--zen-colors-secondary) 30%, transparent 70%); backdrop-filter: blur(2px);