_navigation.scss in trestle-0.8.7

- old
+ new

@@ -91,10 +91,14 @@
       }
     }
   }
 }
 
+.nav-tooltip {
+  display: none !important;
+}
+
 @mixin collapsed-nav-header {
   height: 0;
   padding: 10px 15px 15px;
   text-indent: -99999px;
 
@@ -122,10 +126,14 @@
     opacity: 0.75;
   }
 }
 
 @include tablet {
+  .nav-tooltip {
+    display: block !important;
+  }
+
   .app-nav {
     .nav-label, .nav-badge {
       display: none;
     }
 
@@ -136,12 +144,14 @@
     .collapsed .nav-header a {
       &::after {
         display: block;
       }
     }
+  }
 
-    .expanded & {
+  .sidebar-expanded {
+    .app-nav {
       .nav-header a {
         height: auto;
         padding: 5px 20px;
         text-indent: 0;
 
@@ -157,25 +167,35 @@
       }
 
       .nav-label  { display: inline; }
       .nav-badge  { display: block; }
     }
+
+    .nav-tooltip {
+      display: none !important;
+    }
   }
 }
 
 @include desktop {
-  .collapsed .app-nav {
-    .nav-label, .nav-badge {
-      display: none;
-    }
+  .sidebar-collapsed {
+    .app-nav {
+      .nav-label, .nav-badge {
+        display: none;
+      }
 
-    .nav-header a {
-      @include collapsed-nav-header;
-    }
+      .nav-header a {
+        @include collapsed-nav-header;
+      }
 
-    .collapsed .nav-header a {
-      &::after {
-        display: block;
+      .collapsed .nav-header a {
+        &::after {
+          display: block;
+        }
       }
+    }
+
+    .nav-tooltip {
+      display: block !important;
     }
   }
 }