UI: one line code block ghost copy button
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- TypeScript
- Estrellas
- 6.9k
- Forks
- 6.5k
- Merge medio
- 2 d 8 h
- PR fusionados (30 d)
- 29
Descripción
Description
in example the one line bash code block didn't have copy button which is useful in this case.
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"
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Empieza con el ejemplo de deprecations enlazado y sigue el punto de entrada del copy-button de los bloques de código que se usa allí. El cambio estará hecho cuando los bloques bash de una sola línea conserven una acción de copia que aparezca al pasar el cursor por encima, mientras que el botón no añada espacio visual permanente en los casos en que sea menos útil.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- nextjs, react, typescript
- Área
- design, frontend
- Tipo de issue
- Nueva funcionalidad
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Activo
- Claridad
- Bastante claro
- Aptitud para principiantes
- 62/100