Moved overlay component in LESS to match previous placement.

OfficeDev · Sep 25, 2015 · 54b9eb3 · 54b9eb3
1 parent e7f0568
commit 54b9eb3
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/src/components/NavBar/NavBar.less b/src/components/NavBar/NavBar.less
@@ -175,15 +175,6 @@
       outline: 1px solid transparent;
       z-index: @ms-zIndex-middle;
     }
-
-    // When the navbar is opened, animate to full opacity
-    // and activate pointer events so can be clicked.
-    .ms-Overlay {
-      display: block;
-      cursor: pointer;
-      opacity: 1;
-      pointer-events: auto;
-    }
   }
 }
 
@@ -213,7 +204,14 @@
     }
   }
 
-
+  // When the navbar is opened, animate to full opacity
+  // and activate pointer events so can be clicked.
+  .ms-NavBar.is-open .ms-Overlay {
+    display: block;
+    cursor: pointer;
+    opacity: 1;
+    pointer-events: auto;
+  }
 }
 
 // On medium screens and larger we display the menu items in the nav bar.