diff options
| author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-05-18 20:05:36 +0300 |
|---|---|---|
| committer | Gunnar Mills <gmills@us.ibm.com> | 2020-05-21 16:34:35 +0300 |
| commit | 85358ed1b6d725a2090e82d82757fbd3d7dbc706 (patch) | |
| tree | 0e88a1e4c812bf21ebce3877741106338a060035 /src/components | |
| parent | ce9a3ef3036923cb4c0f28240c8bb37a6b4540fc (diff) | |
| download | webui-vue-85358ed1b6d725a2090e82d82757fbd3d7dbc706.tar.xz | |
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
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/AppNavigation/AppNavigation.vue | 5 |
1 files changed, 5 insertions, 0 deletions
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; |