fix(a11y): make copy button always visible

IdrisGit · IdrisGit · commit 933ce36782e5 · 2026-02-05T22:40:45.000+05:30
diff --git a/app/components/Package/SkillsModal.vue b/app/components/Package/SkillsModal.vue
@@ -133,7 +133,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
           </code>
           <button
             type="button"
-            class="absolute top-0 inset-ie-0 px-2 py-0.5 font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border rounded transition-colors duration-200 opacity-0 group-hover/cmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-accent/70"
+            class="absolute top-0 inset-ie-0 px-2 py-0.5 font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70"
             :aria-label="$t('package.get_started.copy_command')"
             @click.stop="copyCommand"
           >

Original file line number	Diff line number	Diff line change
`@@ -133,7 +133,7 @@ function getWarningTooltip(skill: SkillListItem): string \| undefined {`
`133`	`133`	`</code>`
`134`	`134`	`<button`
`135`	`135`	`type="button"`
`136`		`- class="absolute top-0 inset-ie-0 px-2 py-0.5 font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border rounded transition-colors duration-200 opacity-0 group-hover/cmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-accent/70"`
	`136`	`+ class="absolute top-0 inset-ie-0 px-2 py-0.5 font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border border-solid rounded transition-colors hover:(text-fg border-border-hover) active:scale-95 focus-visible:outline-accent/70"`
`137`	`137`	`:aria-label="$t('package.get_started.copy_command')"`
`138`	`138`	`@click.stop="copyCommand"`
`139`	`139`	`>`