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

[Bug]: Selected and hovered dropdown rows look identical when adjacent

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#19,208 0 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

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

Đá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
65/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Kiểu dáng của các dòng nằm trong apps/web/src/components/ui/menu.tsx, vì vậy hãy bắt đầu từ các class trạng thái đã chọn và hover được áp dụng cho các mục menu ở đó. Để tái hiện, mở dropdown phạm vi của panel diff, chọn "Latest turn", rồi di chuột qua dòng ngay phía trên. Hoàn thành khi các dòng đã chọn và đang hover trông khác biệt rõ ràng khi đứng cạnh nhau, bằng khoảng cách, một dấu đánh dấu hoặc màu chọn rõ hơn. Hãy xem trong thread phương án mà maintainer ưa thích trước khi chọn một trong số đó.

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

Mô tả

Before submitting
  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce or investigate the problem.
Area

apps/web

Steps to reproduce
  1. Open a thread and open the diff panel.
  2. In the scope dropdown, select "Latest turn".
  3. Open the dropdown again and hover "Uncommitted", the row directly above.
Expected behavior

The selected row and the hovered row are distinguishable. The sidebar thread list stays readable in the same situation because it leaves a small gap between rows.

Actual behavior

The two rows get nearly identical backgrounds that touch with no gap, so they read as one tall highlight. The selected row has no other marker (such as a checkmark), so while hovering you can't tell which option is active.

The styling comes from the shared menu component (apps/web/src/components/ui/menu.tsx), so other dropdowns with a selected item likely behave the same way.

Possible fixes, for maintainers to choose: a gap between rows, a checkmark on the selected row, or a more distinct selected-row color.

Impact

Cosmetic issue

Version or commit

0.0.46-nightly.20261013.3066

Environment

macOS desktop app, Apple M5, dark theme

Screenshots, recordings, or supporting files
Image Image
Ngôn ngữ chính
TypeScript
Star
24.8k
Fork
6.4k
Merge trung bình
6 giờ 23 phút
Pull request đã merge (30 ngày)
203

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 pingdotgg/t3code

Tất cả issue của pingdotgg/t3code

Issue tương tự

Thêm issue về TypeScript

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.