Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Prevent Long File Names from Stretching Syllabus Dropbox UI

Đang mở Phù hợp với người mới
#168 0 bình luận 0 reaction 1 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 3 ngày

@munsakad đang làm issue này rồi.

Từ ngày 22/10/2026.

  • #175 của @munsakad — đang mở

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
68/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
css
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu tại hộp tải lên “Upload your syllabus here” trên trang Courses và kiểm tra các kiểu định dạng chi phối kích thước của hộp và tên tệp được chọn. Kiểm tra cách tên dài hiển thị ở các kích thước màn hình khác nhau; hoàn thành khi hộp giữ nguyên kích thước dự kiến và tên dài được xuống dòng hoặc cắt bớt mà không làm hỏng bố cục.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

bug

Description:
On the Courses page, under “Upload your syllabus here,” the dropbox when a file with a long name is selected, the syllabus dropbox stretches beyond its intended dimensions, affecting the page layout.

Expected Behavior:

Maintain the dropbox's original dimensions regardless of file name length.

Wrap or truncate long file names appropriately.

Ensure the dropbox remains responsive across different screen sizes.

Reference:

Image
Ngôn ngữ chính
CSS
Star
0
Fork
9
Merge trung bình
11 ngày 5 giờ
Pull request đã merge (30 ngày)
14

Chuẩn bị môi trường

  • Không có Dockerfile hay tệp Docker Compose
  • Có mẫu pull request
  • Không có 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.

Issue khác của BCStudentSoftwareDevTeam/bcsr

Tất cả issue của BCStudentSoftwareDevTeam/bcsr

Issue tương tự

Thêm issue về Web Dev

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.