[READ-ONLY] a fast, modern browser for the npm registry

fix: exclude copy selection in btns and tooltip of install (#978)

authored by

Benjamín Vicente and committed by
GitHub
217e0724 3a67356d

+6 -8
+6 -8
app/components/Terminal/Install.vue
··· 123 123 > 124 124 <button 125 125 type="button" 126 - class="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/installcmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-accent/70" 126 + class="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/installcmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-accent/70 select-none" 127 127 :aria-label="$t('package.get_started.copy_command')" 128 128 @click.stop="copyInstallCommand" 129 129 > ··· 150 150 > 151 151 <NuxtLink 152 152 :to="`/package/${typesPackageName}`" 153 - class="text-fg-subtle hover:text-fg-muted text-xs transition-colors focus-visible:outline-accent/70 rounded" 153 + class="text-fg-subtle hover:text-fg-muted text-xs transition-colors focus-visible:outline-accent/70 rounded select-none" 154 154 :title="$t('package.get_started.view_types', { package: typesPackageName })" 155 155 > 156 156 <span class="i-carbon:arrow-right rtl-flip w-3 h-3 align-middle" aria-hidden="true" /> ··· 185 185 > 186 186 <button 187 187 type="button" 188 - class="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/runcmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-accent/70" 188 + class="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/runcmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-accent/70 select-none" 189 189 @click.stop="copyRunCommand(executableInfo?.primaryCommand)" 190 190 > 191 191 {{ runCopied ? $t('common.copied') : $t('common.copy') }} ··· 196 196 <!-- Create command (for packages with associated create-* package) - render all PM variants --> 197 197 <template v-if="createPackageInfo"> 198 198 <!-- Comment line --> 199 - <div class="flex items-center gap-2 pt-1"> 200 - <span class="text-fg-subtle font-mono text-sm select-none" 201 - ># {{ $t('package.create.title') }}</span 202 - > 199 + <div class="flex items-center gap-2 pt-1 select-none"> 200 + <span class="text-fg-subtle font-mono text-sm"># {{ $t('package.create.title') }}</span> 203 201 <TooltipApp 204 202 :text="$t('package.create.view', { packageName: createPackageInfo.packageName })" 205 203 > ··· 232 230 > 233 231 <button 234 232 type="button" 235 - class="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/createcmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-accent/70" 233 + class="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/createcmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-accent/70 select-none" 236 234 :aria-label="$t('package.create.copy_command')" 237 235 @click.stop="copyCreateCommand" 238 236 >