diff --git a/src/browser/base/content/zen-styles/zen-browser-container.css b/src/browser/base/content/zen-styles/zen-browser-container.css index f7e54b804..428b841de 100644 --- a/src/browser/base/content/zen-styles/zen-browser-container.css +++ b/src/browser/base/content/zen-styles/zen-browser-container.css @@ -7,16 +7,14 @@ box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)); border: 1px solid light-dark(transparent, rgba(255,255,255,.08)); - & .browserContainer, - #zen-glance-browser browser { + & .browserContainer { overflow: hidden; border-radius: var(--zen-webview-border-radius, var(--zen-border-radius)); } } @media (-moz-bool-pref: 'zen.view.experimental-rounded-view') { - #tabbrowser-tabpanels, - #zen-glance-browser { + #tabbrowser-tabpanels { mix-blend-mode: multiply; -moz-osx-font-smoothing: grayscale; isolation: isolate; diff --git a/src/browser/base/content/zen-styles/zen-glance.css b/src/browser/base/content/zen-styles/zen-glance.css index a7cf2e52d..37fa1824e 100644 --- a/src/browser/base/content/zen-styles/zen-glance.css +++ b/src/browser/base/content/zen-styles/zen-glance.css @@ -59,6 +59,7 @@ top: 0; left: 0; flex: unset !important; + border: 1px solid var(--zen-colors-border); &[has-finished-animation='true'] { position: relative !important; @@ -69,16 +70,6 @@ left: 0 !important; } - & #zen-glance-browser { - border-radius: var(--zen-border-radius); - background: var(--zen-dialog-background); - overflow: hidden; - width: 100%; - position: relative; - border-radius: var(--zen-border-radius); - height: 100%; - } - & #zen-glance-sidebar-container { position: fixed; display: flex;