Rotation of MM chevron persisted

TAMULib · Sep 2, 2020 · 04a3570 · 04a3570
1 parent 7516c27
commit 04a3570
Showing 1 changed file with 27 additions and 6 deletions.
diff --git a/src/app/tl-mega-menu/tl-mega-menu.component.scss b/src/app/tl-mega-menu/tl-mega-menu.component.scss
@@ -7,6 +7,33 @@
     justify-content: flex-end;
   }
 
+  wvr-dropdown-element {
+    ::ng-deep {
+      .wvr-dropdown .dropdown {
+        .btn {
+          tl-icon-element svg {
+            transition: 0.25s ease-in-out;
+            transform: rotate(0deg);
+          }
+        }
+      }
+    }
+  }
+
+  wvr-dropdown-element:hover {
+    ::ng-deep {
+      .wvr-dropdown .dropdown {
+        .btn {
+          tl-icon-element svg {
+            transition: 0.25s ease-in-out;
+            transform: rotate(90deg);
+          }
+        }
+      }
+    }
+  }
+
+
   ::ng-deep {
 
     tl-button-element {
@@ -15,12 +42,6 @@
 
     .wvr-dropdown .dropdown {
 
-      .btn:hover {
-        tl-icon-element svg {
-          transform: rotate(90deg);
-        }
-      }
-
       [ngbDropdownMenu] {
         padding: 20px;
         border: 1px solid var(--tl-grey);