From de92af20f055e8713e1018dc70af2dba4ced8c07 Mon Sep 17 00:00:00 2001
From: brahim <92426196+BrhmDev@users.noreply.github.com>
Date: Sat, 5 Oct 2024 10:40:38 +0200
Subject: [PATCH] Animate splitview panels

---
 src/browser/base/content/zen-styles/zen-decks.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css
index 8056c37a4..0ae54b458 100644
--- a/src/browser/base/content/zen-styles/zen-decks.css
+++ b/src/browser/base/content/zen-styles/zen-decks.css
@@ -21,7 +21,7 @@
   position: absolute;
   margin: calc(var(--zen-split-column-gap) / 2) calc(var(--zen-split-row-gap) / 2);
   border-radius: var(--zen-webview-border-radius, var(--zen-border-radius));
-  transition: all ease-out .1s;
+  transition: inset ease-out .08s;
 }
 
 #tabbrowser-tabpanels[zen-split-view='true'] > [zen-split='true'] {
@@ -34,6 +34,10 @@
   animation: zen-deck-fadeIn 0.2s forwards ease-in-out;
 }
 
+#tabbrowser-tabpanels[zen-split-view='true']:not([zen-split-resizing]) > [zen-split-anim='true'] {
+  transition: inset 0.08s ease-out;
+}
+
 #tabbrowser-tabpanels[zen-split-view='true'] .browserSidebarContainer.deck-selected {
   --uc-tweak-rounded-corners-shadow-color: var(--zen-primary-color) !important;
 }