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/nav_panel | |
| parent | 7b6745bb846ab3816937d6a8ea14c0031e0a5292 (diff) | |
add an underline to the selected pin to improve accesibility
Diffstat (limited to 'src/components/nav_panel')
| -rw-r--r-- | src/components/nav_panel/nav_panel.vue | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue index 67b124dc..11260818 100644 --- a/src/components/nav_panel/nav_panel.vue +++ b/src/components/nav_panel/nav_panel.vue @@ -3,7 +3,7 @@ <div class="panel panel-default"> <div v-if="!forceExpand" - class="panel-heading" + class="panel-heading nav-panel-heading" > <NavigationPins :limit="6" /> <div class="spacer" /> @@ -192,6 +192,7 @@ .timelines-chevron { margin-left: 0.8em; + margin-right: 0.8em; font-size: 1.1em; } @@ -209,9 +210,13 @@ background-color: var(--bg, $fallback--bg); } + .nav-panel-heading { + // breaks without a unit + --panel-heading-height-padding: 0em; + } + .fa-scale-110 { margin-right: 0.8em; } - } </style> |