Use tabular numbers for elapsed time (format=duration|elapsed)
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 1/5
- Thời gian dự kiến
- Dưới một giờ
- Mức phù hợp với người mới
- 88/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức độ hoạt động
- Sôi nổi
- Công nghệ
- css, javascript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Bắt đầu từ phần định kiểu cho phần tử relative-time và kiểm tra cách các định dạng duration và elapsed được render. Áp dụng kiểu số được yêu cầu tại đó, sau đó xác minh rằng việc thay đổi các giá trị của timer vẫn giữ được chiều rộng nhất quán và không còn bị nhảy thấy rõ.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
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
- Ngôn ngữ chính
- JavaScript
- Star
- 4k
- Fork
- 194
- Merge trung bình
- 4 ngày 10 giờ
- Pull request đã merge (30 ngày)
- 5
Chuẩn bị môi trường
Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.
- Không có Dockerfile hay tệp Docker Compose
- Không có mẫu pull request
- Đọc hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của github/relative-time-element
-
Inconsistent use of "yesterday"Có thể làm lại được @ayushman1210 đã nhận 331 ngày trước và không có pull request nào đang mở. Đang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 45/100
github/relative-time-element#313 · 1 bình luận ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
github/relative-time-element#307 ·
-
Astro SupportĐang mở
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 30/100
github/relative-time-element#306 · 2 bình luận ·
-
Force format to absolute iso8601Đang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
github/relative-time-element#293 · 2 bình luận · 5 reaction ·
-
Title format is not configurableĐang mở
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 42/100
github/relative-time-element#272 ·
Tất cả issue của github/relative-time-element
Issue tương tự
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 62/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 65/100
521xueweihan/HelloGitHub#4025 ·
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
iib0011/omni-tools#479 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
triage
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 67/100
pixelfed/pixelfed-rn#508 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
yetone/magpie#2844 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày