commit 9f5cea8b61d6162815ccf5718e087b152b458183
author Yoshie Muranaka <yoshiemuranaka@gmail.com> Tue Feb 04 09:30:00 2020 -0800
committer Gunnar Mills <gmills@us.ibm.com> Thu Feb 06 14:39:47 2020 +0000
tree 15819f8fbba5b2240b0038f4a1fbf13e2c94c863
parent 7d5c3a7a0f59642c5e9c99989376410155fe425b

Add focus state to navigation link items

Nested submenu items didn't have visual indication for
focus state. Adding styles needed to meet accessiblity
guidelines.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I2c79e2c36a0de8d6ae27e0388c1241868172b9cd

src/components/AppNavigation/AppNavigation.vue

diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index 47609d9..2fc1222 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -117,10 +117,6 @@
       transform: rotate(180deg);
     }
   }
-
-  &:focus {
-    box-shadow: $btn-focus-box-shadow;
-  }
 }
 
 .icon-expand {
@@ -139,6 +135,10 @@
   &:hover {
     background-color: $gray-300;
   }
+
+  &:focus {
+    box-shadow: $btn-focus-box-shadow;
+  }
 }
 
 .nav-link--current {