Update layout.component.scss

homebridge · Nov 20, 2023 · 9b220c9 · 9b220c9
1 parent f5e8f83
commit 9b220c9
Showing 1 changed file with 9 additions and 16 deletions.
diff --git a/ui/src/app/shared/layout/layout.component.scss b/ui/src/app/shared/layout/layout.component.scss
@@ -40,31 +40,24 @@
     margin-top: 0px;
 }
 
-/* State when the navbar is collapsed */
+/* State when the navbar is collapsed - BARS */
 
-.navbar-toggler.collapsed .top-bar {
-  position: absolute !important;
-  top: 0px !important;
-  transform: rotate(0deg) !important;
-}
-
-.navbar-toggler.collapsed .middle-bar {
-  opacity: 1;
+.navbar-toggler .top-bar {
   position: absolute;
-  top: 10px;
-  filter: alpha(opacity=0);
+  top: 0px;
+  transform: rotate(0deg);
 }
 
-.navbar-toggler.collapsed .bottom-bar {
+.navbar-toggler .bottom-bar {
   position: absolute;
-  top: 20px;
+  top: 18px;
   transform: rotate(0deg);
 }
 
-/* when navigation is clicked */
+/* when navigation is clicked - X */
 
 .navbar-toggler:not(.collapsed) .top-bar {
-  top: inherit;
+  top: 10px;
   transform: rotate(135deg);
 }
 
@@ -75,7 +68,7 @@
 }
 
 .navbar-toggler:not(.collapsed) .bottom-bar {
-  top: inherit;
+  top: 10px;
   transform: rotate(-135deg);
 }