From 85358ed1b6d725a2090e82d82757fbd3d7dbc706 Mon Sep 17 00:00:00 2001
From: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Date: Mon, 18 May 2020 10:05:36 -0700
Subject: Remove focus outline from navigation items

Removing outline from app navigation to allow for custom
Bootstrap box-shadow focus styles. Explicitly set outline
property to none to override default user agent styles.
Needed to apply to <li> and <a> (nav-item and nav-link).

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Iaf70215c68b91fd03f595487a30e93e024c12a1d
---
 src/components/AppNavigation/AppNavigation.vue | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'src/components/AppNavigation/AppNavigation.vue')

diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index 5196099b..2081609a 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -165,8 +165,13 @@ svg {
   padding-left: 0;
   margin-left: 0;
 
+  .nav-item {
+    outline: none;
+  }
+
   .nav-link {
     padding-left: $spacer * 4;
+    outline: none;
 
     &:not(.nav-link--current) {
       font-weight: normal;
-- 
cgit v1.2.3

