From 150291fe0bea5072ce5f507c3979bb982343d529 Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Mon, 15 Aug 2022 16:57:05 -0500
Subject: [PATCH 1/3] Removing animation and hover effect

---
 packages/web/styles/menu.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/web/styles/menu.css b/packages/web/styles/menu.css
index e711cdca9..f7b4894f1 100644
--- a/packages/web/styles/menu.css
+++ b/packages/web/styles/menu.css
@@ -18,10 +18,9 @@
   padding: 8px 20px 3px 20px;
 }
 
-/* .pro-sidebar .pro-menu .active > .pro-inner-item {
-  background-color: #F8F8F8;
-  border-radius: 8px;
-} */
+.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:hover  {
+    color: var(--colors-utilityTextDefault);
+}
 
 .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
   width: 20px;

From f33e3d686ef7620bc8734f826caf65889d8c6f2c Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Mon, 15 Aug 2022 17:46:02 -0500
Subject: [PATCH 2/3] remove animation and cleaning up menu.css file

---
 packages/web/styles/menu.css | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/packages/web/styles/menu.css b/packages/web/styles/menu.css
index f7b4894f1..75e9bf46b 100644
--- a/packages/web/styles/menu.css
+++ b/packages/web/styles/menu.css
@@ -1,29 +1,30 @@
 /* Menu Override styles */
 
-.pro-sidebar > .pro-sidebar-inner, .pro-sidebar .pro-menu a {
+.pro-sidebar > .pro-sidebar-inner,
+.pro-menu a,
+.pro-menu > ul > .pro-sub-menu > .pro-inner-list-item {
   background-color: var(--colors-libraryBackground);
   color: var(--colors-utilityTextDefault);
 }
 
-.pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item {
-  color: var(--colors-utilityTextDefault);
-  background-color: var(--colors-libraryBackground);
-}
-
-.pro-sidebar .pro-menu a:hover {
+.pro-menu a:hover {
   color: var(--colors-utilityTextDefault);
 }
 
-.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item {
+.pro-menu-item > .pro-inner-item {
   padding: 8px 20px 3px 20px;
 }
 
-.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:hover  {
-    color: var(--colors-utilityTextDefault);
+.pro-menu .pro-menu-item > .pro-inner-item:hover {
+  color: var(--colors-utilityTextDefault);
 }
 
-.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
+.pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
   width: 20px;
   min-width: 0;
   height: 25px;
 }
+
+.pro-menu-item > .pro-inner-item > .pro-icon-wrapper .pro-icon {
+  animation-play-state: paused !important;
+}

From e41b3cf2bd7e05d3e88df1d59f0d0168d90002c0 Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Tue, 16 Aug 2022 09:19:42 -0500
Subject: [PATCH 3/3] fixed CSS issues

---
 packages/web/styles/menu.css | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/web/styles/menu.css b/packages/web/styles/menu.css
index a5a7a3301..71d8afbb8 100644
--- a/packages/web/styles/menu.css
+++ b/packages/web/styles/menu.css
@@ -11,7 +11,13 @@
 .pro-sidebar .pro-menu-item .pro-sub-menu .pro-inner-item,
 .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content,
 .pro-sidebar .pro-menu a,
-.pro-sidebar .pro-menu a:hover {
+.pro-sidebar .pro-menu a:hover,
+.pro-sidebar
+  .pro-menu
+  .pro-menu-item
+  > .pro-inner-item:hover
+  .pro-icon-wrapper
+  .pro-icon {
   color: var(--colors-utilityTextDefault);
 }
 
@@ -31,6 +37,11 @@
   border-radius: 5px;
 }
 
-.pro-menu-item > .pro-inner-item > .pro-icon-wrapper .pro-icon {
-    animation-play-state: paused !important;
-  }
\ No newline at end of file
+.pro-sidebar
+  .pro-menu
+  .pro-menu-item
+  > .pro-inner-item:hover
+  .pro-icon-wrapper
+  .pro-icon {
+  animation-play-state: paused;
+}