OpenSourceOrg / OpenSourceOrg/dotOrg
Markdown code not showing properly
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- PHP
- Star
- 12
- Fork
- 6
- Merge trung bình
- 13 giờ 26 phút
- Pull request đã merge (30 ngày)
- 12
Mô tả
Description
The <code> CSS on the page causes problems in design on large and small screens - for example, check out this screenshot:
...and this video on mobile (causes unwanted escaping of the layout horizontally and unexpected left-right scrolling):
@karlhorky has suggested the following CSS changes to improve this design, inspired by GitHub's CSS for <code> elements:
code { font-size: 0.9em; padding: 0.15em 0.3em; border-radius: 6px; max-width: 100%; }
a code { color: var(--wp--preset--color--brand-links); text-decoration: underline; }
I added as a custom CSS for now, and would appreciate it if you could add it as a permanent fix.
Steps to reproduce
No response
What you expected to happen
No response
What actually happened
No response
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
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.
Hướng nghiên cứu
Kiểm tra stylesheet hoặc theme CSS nơi các phần tử mã của trang được tạo kiểu, sau đó tái hiện layout trên màn hình lớn và nhỏ bằng screenshot và video được liên kết. Áp dụng kiểu mã được đề xuất và xác minh rằng mã inline vừa trong viewport mà không gây ra thao tác cuộn ngang ngoài ý muốn.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- css
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 2/5
- Thời gian dự kiến
- 1-3 giờ
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 45/100