diff options
| author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-02-04 20:30:00 +0300 |
|---|---|---|
| committer | Gunnar Mills <gmills@us.ibm.com> | 2020-02-06 17:39:47 +0300 |
| commit | 9f5cea8b61d6162815ccf5718e087b152b458183 (patch) | |
| tree | 15819f8fbba5b2240b0038f4a1fbf13e2c94c863 /src/components/AppNavigation | |
| parent | 7d5c3a7a0f59642c5e9c99989376410155fe425b (diff) | |
| download | webui-vue-9f5cea8b61d6162815ccf5718e087b152b458183.tar.xz | |
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
Diffstat (limited to 'src/components/AppNavigation')
| -rw-r--r-- | src/components/AppNavigation/AppNavigation.vue | 8 |
1 files 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 { |