Debug mode tooltip gets clipped on small mobile screens

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

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

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

Từ ngày 16/3/2026.

Đánh giá

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

Hướng nghiên cứu

Bắt đầu bằng cách mở trang OpenCRE Explorer và tái hiện tooltip Debug mode (?) trong một viewport rộng khoảng 360px. Kiểm tra kiểu dáng frontend và vị trí của tooltip; công việc hoàn tất khi toàn bộ tooltip vẫn dễ đọc trong viewport trên các màn hình di động nhỏ.

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

Mô tả

Problem

On smaller mobile screen widths, the tooltip for the Debug mode (?) icon in the Explorer page can overflow the viewport and become partially clipped. This makes the tooltip difficult to read on smaller devices.

Steps to Reproduce
  1. Open the OpenCRE Explorer page
  2. Switch to a small screen/mobile viewport (around ~360px width or smaller)
  3. Hover over the (?) icon next to "Debug mode"
Observed Behavior

The tooltip container extends beyond the viewport and part of the content becomes clipped.

Expected Behavior

The tooltip should remain fully visible within the viewport on small screens.

Screenshot
Image
Ngôn ngữ chính
Python
Star
210
Fork
167
Merge trung bình
4 ngày 12 giờ
Pull request đã merge (30 ngày)
28

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

Mở trong Codespaces

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.

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 OWASP/OpenCRE

Tất cả issue của OWASP/OpenCRE

Issue tương tự

Thêm issue về Python

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.