Merge pull request #1497 from memphisdev/RND-216-ui-new-sidebar-menu

UI - New sidebar menu highlight animation for arrow added
superstreamlabs · Dec 9, 2023 · 559f0c6 · 559f0c6
2 parents 0e14574 + 4dc8ed5
commit 559f0c6
Showing 1 changed file with 27 additions and 1 deletion.
diff --git a/ui_src/src/components/sideBar/style.scss b/ui_src/src/components/sideBar/style.scss
@@ -10,6 +10,31 @@
     justify-content: space-between;
     z-index: 1;
 
+    @keyframes pulse {
+        0% {
+            transform: scale(1);
+        }
+        30% {
+            transform: scale(1.2);
+        }
+        50% {
+            transform: scale(1);
+        }
+        70% {
+            transform: scale(1.2);
+        }
+        100% {
+            transform: scale(1);
+        }
+    }
+
+    &:hover {
+        .upper-icons-toggle {
+            animation: pulse 1.2s infinite;
+            animation-iteration-count: 1;
+        }
+    }
+
     .sidebar-user-info {
         cursor: pointer;
         &-img {
@@ -342,8 +367,9 @@
             cursor: pointer;
             padding: 5px;
             z-index: 2;
-            transition: 0.2s linear;
+            transition: transform 0.2s ease-in-out;
             &.open {
+                animation: initial;
                 transform: scale(-1, -1);
             }
             svg {