forked from
npmx.dev/npmx.dev
[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
+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
>