nodejs / nodejs/nodejs.org

UI: one line code block ghost copy button

Ouverte
#9,085 4 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

accessibility design
Langage dominant
TypeScript
Étoiles
6.9k
Forks
6.5k
Merge moyen
2 j 8 h
PR mergées (30 j)
29

Description

Description

in example the one line bash code block didn't have copy button which is useful in this case.

Image

Why we remove tabs and button on bottom? Bascly took to much space.

Solution

Having a ghost button (mean visible on hover).

https://github.com/user-attachments/assets/9859ae75-1bea-4be7-872c-db201d3e4499

But there are still case where button is useless IMO. here for example have copy button isn't really usefull but when user will hover it button will appear so it's take "mental/visual ressource"

Image

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par l’exemple de deprecations lié et suivez le point d’entrée du copy-button des blocs de code qui y est utilisé. La modification est terminée lorsque les blocs bash d’une seule ligne conservent une action de copie qui apparaît au survol, tandis que le bouton n’ajoute pas d’espace visuel permanent dans les cas où il est moins utile.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
nextjs, react, typescript
Domaine
design, frontend
Type d'issue
Fonctionnalité
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Active
Clarté
Plutôt claire
Accessibilité débutants
62/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.