reactjs / reactjs/react.dev

Code sample results take too much space on narrow screens

Đang mở
#6,269 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Ngôn ngữ chính
JavaScript
Star
11.8k
Fork
7.9k
Merge trung bình
1 ngày 11 giờ
Pull request đã merge (30 ngày)
11

Mô tả

When I open the docs on narrow screen (Full HD in vertical mode), the containers for code results are too tall (mostly empty).

Example (https://react.dev/learn/reusing-logic-with-custom-hooks):

react dev_learn_reusing-logic-with-custom-hooks (1)

Note that Show less/Show more button will not fix it (it will only affect the size of code box).

Tested in:
Chrome 116.0.5845.110 (Official Build) (64-bit) on Ubuntu 20.04.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. 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.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Hướng nghiên cứu

Mở trang ví dụ tại https://react.dev/learn/reusing-logic-with-custom-hooks trong một viewport hẹp, định hướng theo chiều dọc và kiểm tra các container code-result. Công việc hoàn tất khi các container đó không còn để lại khoảng trống dọc quá mức; không nên sử dụng control Show less/Show để khắc phục vấ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ệ
javascript, react
Lĩnh vực
documentation, frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
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
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.