fix: keep navigation labels single and accessible
This commit is contained in:
@@ -8,7 +8,7 @@ const props = defineProps<{
|
||||
onSectionLinkClick: (event: MouseEvent) => void;
|
||||
}>();
|
||||
|
||||
const compactLabels: Readonly<Record<SectionId, string>> = {
|
||||
const navigationLabels: Readonly<Record<SectionId, string>> = {
|
||||
start: 'Start',
|
||||
profile: 'Profile',
|
||||
experience: 'Career',
|
||||
@@ -30,8 +30,7 @@ const compactLabels: Readonly<Record<SectionId, string>> = {
|
||||
props.journey.activeSectionId === item.id ? 'page' : undefined
|
||||
"
|
||||
@click="props.onSectionLinkClick"
|
||||
><span class="site-navigation__full-label">{{ item.label }}</span
|
||||
><span class="site-navigation__compact-label">{{ compactLabels[item.id] }}</span></a
|
||||
>{{ navigationLabels[item.id] }}</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user