Merge pull request #29 from cjcenizal/4274/bug/local-nav-disabled-poi…

…nter-events Remove pointer-events: none from localBreadcrumbs and localMenuItem.
elastic · Dec 8, 2016 · 857947a · 857947a
2 parents 03a31af + ab2bbc8
commit 857947a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/framework/components/local_nav/_local_breadcrumbs.scss b/src/framework/components/local_nav/_local_breadcrumbs.scss
@@ -28,8 +28,12 @@
 
     &:last-child {
       .localBreadcrumb__link {
-        pointer-events: none;
         color: $localNavTextColor;
+        cursor: default;
+
+        &:hover {
+          text-decoration: none;
+        }
 
         @include darkTheme {
           color: $localNavTextColor--darkTheme;

diff --git a/src/framework/components/local_nav/_local_menu.scss b/src/framework/components/local_nav/_local_menu.scss
@@ -28,7 +28,11 @@
     &.localMenuItem-isDisabled {
       opacity: 0.5;
       cursor: default;
-      pointer-events: none;
+
+      &:hover {
+        background-color: $localNavButtonBackgroundColor;
+        color: $localNavButtonTextColor;
+      }
     }
 
     @include darkTheme {
@@ -42,6 +46,13 @@
       &.localMenuItem-isSelected {
         background-color: $localNavButtonBackgroundColor-isSelected--darkTheme;
       }
+
+      &.localMenuItem-isDisabled {
+        &:hover {
+          background-color: transparent;
+          color: $localNavButtonTextColor--darkTheme;
+        }
+      }
     }
   }