From 9f5cea8b61d6162815ccf5718e087b152b458183 Mon Sep 17 00:00:00 2001
From: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Date: Tue, 4 Feb 2020 09:30:00 -0800
Subject: 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 | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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