Use tabular numbers for elapsed time (format=duration|elapsed)
Bewertung
- Schwierigkeit
- 1/5
- Geschätzter Aufwand
- Unter einer Stunde
- Anfängerfreundlichkeit
- 88/100
- Issue-Typ
- Feature
- Klarheit
- Klar beschrieben
- Aktivitätsstatus
- Aktiv
- Tech-Stack
- css, javascript
- Bereich
- frontend
Rechercherichtung
Beginne beim Styling des relative-time-Elements und untersuche, wie die Formate für Dauer und verstrichene Zeit gerendert werden. Wende dort das angeforderte numerische Styling an und überprüfe anschließend, dass Änderungen der Timer-Werte eine konsistente Breite beibehalten und nicht mehr sichtbar springen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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
- Vorherrschende Sprache
- JavaScript
- Sterne
- 4k
- Forks
- 197
- Ø Merge
- 7 Std. 50 Min.
- Gemergte PRs (30 T.)
- 4
Entwicklungsumgebung
Startet den Dev-Container des Projekts im Browser, mit Ihrem eigenen GitHub-Konto.
- Kein Dockerfile und keine Docker-Compose-Datei
- Keine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus github/relative-time-element
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 57/100
github/relative-time-element#391 ·
-
Inconsistent use of "yesterday"Evtl. wieder frei @ayushman1210 hat das vor 346 Tagen übernommen, und es ist kein Pull Request offen. Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 45/100
github/relative-time-element#313 · 1 Kommentar ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
github/relative-time-element#307 ·
-
Astro SupportOffen
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 30/100
github/relative-time-element#306 · 2 Kommentare ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
github/relative-time-element#293 · 2 Kommentare · 5 Reaktionen ·
Alle Issues in github/relative-time-element
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 62/100
remotion-dev/remotion#12905 ·
Maintainer antworten meist innerhalb von 1 Tag
-
enhancement websites
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
quarto-dev/quarto-cli#15255 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 72/100
mongoosejs/mquery#142 ·
-
`Scope.filteringRequestBody()` and `filteringPath()` are typed as taking zero arguments in v15Offenbug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 65/100
Maintainer antworten meist innerhalb von 1 Tag