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] 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;
+}