Use tabular numbers for elapsed time (format=duration|elapsed)
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 1/5
- Tiempo estimado
- Menos de una hora
- Aptitud para principiantes
- 88/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- css, javascript
- Área
- frontend
Línea de trabajo
Comienza por el estilo del elemento relative-time e inspecciona cómo se renderizan los formatos de duración y tiempo transcurrido. Aplica allí el estilo numérico solicitado y, después, verifica que los cambios en los valores del temporizador mantengan un ancho consistente y dejen de saltar visiblemente.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
When we use <relative-time format=duration ...>...</relative-time> (or elapsed), and it starts a timer to count the elapsed time, we want the changing numbers to have the same width so that the timer text doesn't visibly jump around.
Fix should be fairly simple, something like
relative-time {
font-variant-numeric: tabular-nums;
}
Without tabular numbers:
https://github.com/user-attachments/assets/85501657-451b-45ff-b470-3e1ee9c4db58
With tabular numbers:
https://github.com/user-attachments/assets/5fc19be2-04cb-413b-b06a-5aacdc8dda71
- Lenguaje dominante
- JavaScript
- Estrellas
- 4k
- Forks
- 194
- Merge medio
- 4 d 10 h
- PR fusionados (30 d)
- 5
Preparar el entorno
Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la 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.
Más de github/relative-time-element
-
Inconsistent use of "yesterday"Quizá libre de nuevo @ayushman1210 la tomó hace 330 días y no hay ningún pull request abierto. Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
github/relative-time-element#313 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
github/relative-time-element#307 ·
-
Astro SupportAbierto
Dificultad 4/5 3-5 días Aptitud para principiantes 30/100
github/relative-time-element#306 · 2 comentarios ·
-
Force format to absolute iso8601Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
github/relative-time-element#293 · 2 comentarios · 5 reacciones ·
-
Title format is not configurableAbierto
Dificultad 4/5 3-5 días Aptitud para principiantes 42/100
github/relative-time-element#272 ·
Todos los issues de github/relative-time-element
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
keyxmakerx/Chronicle#1532 ·
Los mantenedores suelen responder en 1 día
-
enhancement feature good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
-
bug lsp sev-3
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 90/100
Miaotofu01/Study-Mate#206 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 95/100
Uuriko/project-room#3998 ·
Los mantenedores suelen responder en 1 día