diff options
| author | Henry Jameson <me@hjkos.com> | 2022-08-23 00:50:38 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-08-23 00:50:38 +0300 |
| commit | fa41f6cf969456316b5265df0bb550770624d7ba (patch) | |
| tree | 9aaf18084b4a7a3b6a8bec7d332f9932c0d48d4f /src/components/navigation/navigation_pins.vue | |
| parent | 7b6745bb846ab3816937d6a8ea14c0031e0a5292 (diff) | |
add an underline to the selected pin to improve accesibility
Diffstat (limited to 'src/components/navigation/navigation_pins.vue')
| -rw-r--r-- | src/components/navigation/navigation_pins.vue | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/navigation/navigation_pins.vue b/src/components/navigation/navigation_pins.vue index fc89ca3d..7942f23c 100644 --- a/src/components/navigation/navigation_pins.vue +++ b/src/components/navigation/navigation_pins.vue @@ -30,6 +30,7 @@ .NavigationPins { display: flex; overflow: hidden; + height: 100%; .alert-dot { border-radius: 100%; @@ -49,6 +50,7 @@ flex: 0 0 3em; min-width: 2em; text-align: center; + overflow: visible; & .svg-inline--fa, & .iconLetter { @@ -56,10 +58,13 @@ } &.router-link-active { + color: $fallback--text; + color: var(--selectedMenuText, $fallback--text); + border-bottom: 4px solid; + & .svg-inline--fa, & .iconLetter { - color: $fallback--text; - color: var(--selectedMenuText, $fallback--text); + color: inherit; } } } |