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 @@
-
+