From 459a37fc5967a152eaeb7971595d6f81dd3dd965 Mon Sep 17 00:00:00 2001 From: "mr. M" Date: Thu, 6 Feb 2025 07:07:46 +0100 Subject: [PATCH] Enhance ZenCompactMode styles by adjusting transition timings and adding opacity effects for smoother animations --- .../base/content/zen-styles/zen-compact-mode.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) 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 49ce6974b..4c4fa1053 100644 --- a/src/browser/base/content/zen-styles/zen-compact-mode.css +++ b/src/browser/base/content/zen-styles/zen-compact-mode.css @@ -42,11 +42,13 @@ position: absolute; z-index: 10; transition: - left 0.25s ease, - right 0.25s ease; + left 0.15s ease, + right 0.15s ease, + opacity 1.5s ease; top: 0; bottom: var(--zen-element-separation); padding: 0 var(--zen-compact-float) !important; + opacity: 0; :root[zen-single-toolbar='true'] & { top: var(--zen-element-separation); @@ -112,7 +114,11 @@ & #urlbar[open][zen-floating-urlbar='true'] { --zen-urlbar-offset: var(--zen-sidebar-width); - transition: left 0.1s ease; + transition: left 0.05s ease; + + #navigator-toolbox:has(&) { + opacity: 1; + } } } @@ -233,6 +239,7 @@ transition: left 0.3s var(--zen-compact-mode-func), right 0.3s var(--zen-compact-mode-func); + opacity: 1; left: -1px; :root[zen-right-side='true'] & {