fix: diff button text should be sr-only on small screens

tomvoet · tomvoet · commit a417fb9c1a95 · 2026-02-27T22:21:34.000+01:00
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
@@ -886,7 +886,7 @@ const showSkeleton = shallowRef(false)
               classicon="i-lucide:diff"
               :title="$t('compare.compare_versions_title')"
             >
-              {{ $t('compare.compare_versions') }}
+              <span class="max-sm:sr-only">{{ $t('compare.compare_versions') }}</span>
             </LinkBase>
             <ButtonBase
               v-if="showScrollToTop"

Original file line number	Diff line number	Diff line change
`@@ -886,7 +886,7 @@ const showSkeleton = shallowRef(false)`
`886`	`886`	`classicon="i-lucide:diff"`
`887`	`887`	`:title="$t('compare.compare_versions_title')"`
`888`	`888`	`>`
`889`		`- {{ $t('compare.compare_versions') }}`
	`889`	`+ <span class="max-sm:sr-only">{{ $t('compare.compare_versions') }}</span>`
`890`	`890`	`</LinkBase>`
`891`	`891`	`<ButtonBase`
`892`	`892`	`v-if="showScrollToTop"`