davidwindham.com / npmx.dev
forked from npmx.dev/npmx.dev
[READ-ONLY] a fast, modern browser for the npm registry
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix(a11y): make span metrics badges focusable to render tooltip content (#877)

Co-authored-by: Daniel Roe <daniel@roe.dev>

authored by

Julien Déramond
Daniel Roe and committed by
GitHub 517d0218 971dbeaf

+3
+3
app/components/Package/MetricsBadges.vue
··· 59 59 <component 60 60 :is="typesHref ? NuxtLink : 'span'" 61 61 :to="typesHref" 62 + :tabindex="!typesHref ? 0 : undefined" 62 63 class="inline-flex items-center gap-1 px-1.5 py-0.5 font-mono text-xs rounded transition-colors duration-200" 63 64 :class="[ 64 65 hasTypes ··· 83 84 <li> 84 85 <TooltipApp :text="hasEsm ? $t('package.metrics.esm') : $t('package.metrics.no_esm')"> 85 86 <span 87 + tabindex="0" 86 88 class="inline-flex items-center gap-1 px-1.5 py-0.5 font-mono text-xs rounded transition-colors duration-200" 87 89 :class=" 88 90 hasEsm ··· 104 106 <li v-if="hasCjs"> 105 107 <TooltipApp :text="$t('package.metrics.cjs')"> 106 108 <span 109 + tabindex="0" 107 110 class="inline-flex items-center gap-1 px-1.5 py-0.5 font-mono text-xs text-fg-muted bg-bg-muted border border-border rounded transition-colors duration-200" 108 111 > 109 112 <span class="i-carbon-checkmark w-3 h-3" aria-hidden="true" />