From 25c879688822d1613aaa417d965679fc85601c20 Mon Sep 17 00:00:00 2001
From: "mr. M" <mauro.balades@tutanota.com>
Date: Sun, 27 Oct 2024 20:32:24 +0100
Subject: [PATCH] Refactor sidebar panel animation and update subproject commit

---
 src/browser/base/content/zen-components            |  2 +-
 .../base/content/zen-styles/zen-animations.css     | 14 +++++++-------
 .../base/content/zen-styles/zen-sidebar-panels.css |  6 ------
 3 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/browser/base/content/zen-components b/src/browser/base/content/zen-components
index 87e0859cc..7ae2dee1b 160000
--- a/src/browser/base/content/zen-components
+++ b/src/browser/base/content/zen-components
@@ -1 +1 @@
-Subproject commit 87e0859cc83b50262c7ff1f12674320576c4fa99
+Subproject commit 7ae2dee1b2c627a98e58b5c1fe11d6051f1b95c5
diff --git a/src/browser/base/content/zen-styles/zen-animations.css b/src/browser/base/content/zen-styles/zen-animations.css
index 71305e910..2c2db187b 100644
--- a/src/browser/base/content/zen-styles/zen-animations.css
+++ b/src/browser/base/content/zen-styles/zen-animations.css
@@ -80,11 +80,11 @@
 @keyframes better-sidebar-pinned-hide {
   0% {
     opacity: 1;
-    transform: perspective(var(--sideper)) scale(1) rotateX(0deg);
+    transform: scale(1) rotateX(0deg);
   }
 
   100% {
-    transform: perspective(var(--sideper)) scale(0.99) rotateX(-5deg);
+    transform: scale(0.99) rotateX(-5deg);
     opacity: 0;
   }
 }
@@ -93,11 +93,11 @@
   0% {
     opacity: 0;
 
-    transform: perspective(var(--sideper)) scale(0.99) rotateX(-5deg);
+    transform: scale(0.99) rotateX(-5deg);
   }
 
   100% {
-    transform: perspective(var(--sideper)) scale(1) rotateX(0deg);
+    transform: scale(1) rotateX(0deg);
     opacity: 1;
   }
 }
@@ -106,11 +106,11 @@
   0% {
     opacity: 1;
 
-    transform: perspective(var(--sideper)) scale(1) rotateX(0deg);
+    transform: scale(1) rotateX(0deg);
   }
 
   100% {
-    transform: perspective(var(--sideper)) scale(0.99) rotateX(-5deg);
+    transform: scale(0.99) rotateX(-5deg);
     opacity: 0;
   }
 }
@@ -121,7 +121,7 @@
   }
 
   100% {
-    transform: perspective(var(--sideper)) scale(1);
+    transform: scale(1);
     opacity: 1;
   }
 }
diff --git a/src/browser/base/content/zen-styles/zen-sidebar-panels.css b/src/browser/base/content/zen-styles/zen-sidebar-panels.css
index c6674be45..eca08b5cb 100644
--- a/src/browser/base/content/zen-styles/zen-sidebar-panels.css
+++ b/src/browser/base/content/zen-styles/zen-sidebar-panels.css
@@ -192,10 +192,6 @@
 #zen-sidebar-web-panel-browser-containers {
   height: 100%;
   position: relative;
-
-  @media (-moz-bool-pref: 'zen.view.experimental-rounded-view') {
-    mix-blend-mode: multiply;
-  }
 }
 
 #zen-sidebar-introduction-panel {
@@ -243,7 +239,6 @@
 }
 
 #zen-sidebar-web-panel[pinned] {
-  --sideper: 4000px;
   transform-origin: 50% 20%;
 }
 
@@ -257,7 +252,6 @@
 
 /** UNPINNED **/
 #zen-sidebar-web-panel {
-  --sideper: 4000px;
   /* Sets perspective */
   transform-origin: 50% 20%;
 }