From f687df335e2ae8d060ed65e76c3bf84182160c82 Mon Sep 17 00:00:00 2001
From: "mr. m" <mr.m@tuta.com>
Date: Thu, 10 Apr 2025 01:36:30 +0200
Subject: [PATCH] Add opacity transition to sidebar during animation

---
 src/browser/base/zen-components/ZenCompactMode.mjs | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/browser/base/zen-components/ZenCompactMode.mjs b/src/browser/base/zen-components/ZenCompactMode.mjs
index ce76805f7..bc45a944c 100644
--- a/src/browser/base/zen-components/ZenCompactMode.mjs
+++ b/src/browser/base/zen-components/ZenCompactMode.mjs
@@ -238,12 +238,14 @@ var gZenCompactModeManager = {
             )
             .then(() => {
               this.sidebar.style.transition = 'none';
+              this.sidebar.style.opacity = 0;
               this.getAndApplySidebarWidth();
               setTimeout(() => {
                 this.sidebar.removeAttribute('animate');
                 document.documentElement.removeAttribute('zen-compact-animating');
                 this.sidebar.style.removeProperty('margin-right');
                 this.sidebar.style.removeProperty('margin-left');
+                this.sidebar.style.removeProperty('opacity');
 
                 setTimeout(() => {
                   this.sidebar.style.removeProperty('transition');