fix(a11y): disabled nav side links (#529)

Co-authored-by: Daniel Roe <daniel@roe.dev>
This commit is contained in:
Joaquín Sánchez 2022-12-28 21:35:26 +01:00 committed by GitHub
parent 732011b520
commit 347cfff358
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -44,7 +44,15 @@ const noUserVisual = computed(() => isMastoInitialised.value && props.userOnly &
</script> </script>
<template> <template>
<NuxtLink :to="to" :disabled="noUserDisable" :class="noUserVisual ? 'op25 pointer-events-none ' : ''" :active-class="activeClass" group focus:outline-none @click="$scrollToTop"> <NuxtLink
:to="to"
:disabled="noUserDisable"
:class="noUserVisual ? 'op25 pointer-events-none ' : ''"
:active-class="activeClass"
group focus:outline-none disabled:pointer-events-none
:tabindex="noUserDisable ? -1 : null"
@click="$scrollToTop"
>
<CommonTooltip :disabled="!isMediumScreen" :content="text" placement="right"> <CommonTooltip :disabled="!isMediumScreen" :content="text" placement="right">
<div <div
flex items-center gap4 flex items-center gap4