diff --git a/l10n b/l10n index 8e2139808..beedf0a52 160000 --- a/l10n +++ b/l10n @@ -1 +1 @@ -Subproject commit 8e2139808987dec91199e2a0b790c9daa95b0152 +Subproject commit beedf0a525d073cae3d66188f58ed70013b81734 diff --git a/src/browser/base/content/zen-components b/src/browser/base/content/zen-components index 5daa3ffa5..5d631354e 160000 --- a/src/browser/base/content/zen-components +++ b/src/browser/base/content/zen-components @@ -1 +1 @@ -Subproject commit 5daa3ffa53ebd4c7edd562767ea8ce35e9a4d291 +Subproject commit 5d631354e5ce818ab2917a4075d6418e7889672f diff --git a/src/browser/base/content/zen-styles/zen-animations.css b/src/browser/base/content/zen-styles/zen-animations.css index 54cc688d8..a7a4aaca4 100644 --- a/src/browser/base/content/zen-styles/zen-animations.css +++ b/src/browser/base/content/zen-styles/zen-animations.css @@ -246,13 +246,13 @@ 30% { top: 50%; left: 50%; - transform: translate(-50%, -50%); + transform: translate(-50%, -50%) translateZ(0); } 70% { /* make the box grow to full width/height */ opacity: 1; - transform: translate(-50%, -50%); + transform: translate(-50%, -50%) translateZ(0); top: 50%; left: 50%; width: 87%; @@ -261,7 +261,7 @@ 100% { /* make the box shrink to final width/height and x/y coordinates */ - transform: translate(-50%, -50%); + transform: translate(-50%, -50%) translateZ(0); opacity: 1; width: 85%; height: 85%; @@ -336,6 +336,6 @@ to { opacity: 1; - transform: translateX(-100%) translateY(-50%); + transform: translateX(calc(-100% - 2px)) translateY(-50%); } } 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 ccad0525c..4582202af 100644 --- a/src/browser/base/content/zen-styles/zen-browser-container.css +++ b/src/browser/base/content/zen-styles/zen-browser-container.css @@ -7,7 +7,7 @@ box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.1), var(--zen-colors-border)); & .browserContainer, - #zen-glance-browser-container browser { + #zen-glance-browser browser { overflow: hidden; border-radius: var(--zen-webview-border-radius, var(--zen-border-radius)); } @@ -15,7 +15,7 @@ @media (-moz-bool-pref: 'zen.view.experimental-rounded-view') { #tabbrowser-tabpanels, - #zen-glance-browser-container { + #zen-glance-browser { 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 30a29a21d..7972e174d 100644 --- a/src/browser/base/content/zen-styles/zen-glance.css +++ b/src/browser/base/content/zen-styles/zen-glance.css @@ -9,7 +9,7 @@ z-index: 3; &:not(:has([animate-full-end='true'])):not(:has([animate-full='true'])) { - background: color-mix(in srgb, var(--zen-colors-tertiary) 20%, transparent 80%); + background: color-mix(in srgb, var(--zen-colors-secondary) 30%, transparent 70%); backdrop-filter: blur(2px); animation: zen-glance-overlay-animation 0.1s ease-in-out forwards; } @@ -65,6 +65,15 @@ top: 0; left: 0; + &[has-finished-animation='true'] { + position: relative !important; + transition: 0s !important; + transform: none !important; + margin: auto !important; + top: 0 !important; + left: 0 !important; + } + & #zen-glance-browser { border-radius: var(--zen-border-radius); background: var(--zen-dialog-background); @@ -77,21 +86,28 @@ & #zen-glance-sidebar-container { position: absolute; - top: 50%; + top: 10%; left: 0; transform: translateY(-50%); opacity: 0; - box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); background: var(--zen-dialog-background); + border: 1px solid var(--zen-colors-border); + border-right: none; + border-top-left-radius: var(--zen-border-radius); border-bottom-left-radius: var(--zen-border-radius); - padding: 3px; - gap: 3px; + padding: 5px; + gap: 6px; animation: zen-glance-buttons-animation 0.2s ease-in-out forwards; animation-delay: 0.3s; + + & toolbarbutton { + width: 32px; + height: 32px; + } } & #zen-glance-loading { diff --git a/src/browser/components/preferences/zenLooksAndFeel.inc.xhtml b/src/browser/components/preferences/zenLooksAndFeel.inc.xhtml index 71e2a9eee..3f4b508c9 100644 --- a/src/browser/components/preferences/zenLooksAndFeel.inc.xhtml +++ b/src/browser/components/preferences/zenLooksAndFeel.inc.xhtml @@ -288,7 +288,7 @@ - +