From 4f103e6e2210e313438b6f0f46e9549db5ccad1a Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Wed, 6 Nov 2024 19:55:06 -0500
Subject: Improve settings menu animation

---
 extension/src/index.css | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

(limited to 'extension/src/index.css')

diff --git a/extension/src/index.css b/extension/src/index.css
index 54e8ea1..9d5a47e 100644
--- a/extension/src/index.css
+++ b/extension/src/index.css
@@ -27,11 +27,17 @@ body {
   background-color: black;
   padding: 10px;
   right: 0;
-  animation: slideIn 0.3s ease-in-out;
   display: flex;
   flex-direction: column;
   place-items: flex-start;
   z-index: 4;
+
+  transform: translateX(100%);
+  transition: all 0.2s ease-in-out;
+}
+
+#settings-menu.open {
+  transform: translateX(0);
 }
 
 .radio-group {
@@ -39,11 +45,6 @@ body {
   flex-direction: column;
 }
 
-@keyframes slideIn {
-  from { transform: translateX(100%); }
-  to   { transform: translateX( 0% ); }
-}
-
 /* Folder */
 .folderBody {
   width: 100%;
@@ -64,13 +65,14 @@ body {
 }
 
 @keyframes slideDown {
-  from { transform: translateY(-50%); opacity: 0 }
+  from { transform: translateY(-30%); opacity: 0 }
 }
 
 body > .folderBody {
   margin: 0;
   border-style: none;
   position: relative;
+  animation: none;
 }
 
 /* Bookmark */
-- 
cgit v1.2.3