[Bug]: Message navigation minimap shows a visible vertical track line on custom themes with an opaque border color

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#35,288 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
82/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ệ
css, tailwindcss, typescript
Lĩnh vực
design, frontend

Hướng nghiên cứu

Issue xác định lớp đường dẫn của minimap là absolute top-0 left-3 h-full w-px bg-border/15 trong khu vực apps/web. Tìm lớp này và kiểm tra cách nó hoạt động với cả giao diện mặc định lẫn màu border tùy chỉnh không trong suốt. Hoàn tất khi đường kẻ không mong muốn không còn hiển thị ở mọi giao diện và các vạch của minimap vẫn sử dụng được.

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

Mô tả

Disclosure: I have OCD. This is a 1px line and it is driving me up the wall. Low severity, very high annoyance.

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. Use a custom theme whose border color is opaque. Mine is an Omarchy theme in ~/.t3/userdata/themes/omarchy.json with "border": "#4b4e55" and "canvas": "#101315".
  2. Open a thread long enough to show the message navigation minimap on the left edge of the chat.
  3. Compare with the default dark theme.
Expected behavior

The minimap looks the same as on the default theme: just the ticks, with no visible track line.

Actual behavior

A thin gray vertical line runs through the ticks on the custom theme. On the default theme there is no visible line.

Cause: the minimap draws its track with

absolute top-0 left-3 h-full w-px bg-border/15

On the default dark theme --border is #ffffff14 (white at about 8% alpha), so 15% of it is roughly 1% white and the line is effectively invisible. Custom themes map --border to --app-theme-border, which is usually opaque. 15% of #4b4e55 over #101315 comes out around #191c1e, which is clearly visible. So the line has always been there, it only shows when a theme's border color is solid.

Suggested fix: drop the track line if it isn't meant to be seen, or derive it from something that stays faint on every theme (e.g. color-mix(in oklab, var(--foreground) 4%, transparent)) instead of a percentage of --border.

Impact

Cosmetic issue

Version or commit

0.1.8-nightly.20261108.4367 (6417151c093e)

Environment

Linux (Omarchy, Hyprland, Wayland), desktop app nightly

Screenshots, recordings, or supporting files
Custom (Omarchy) theme: line visible Default theme: no line
Omarchy theme Default theme
Workaround

Give the theme's border color some alpha, e.g. "border": "#4b4e5540". That also fades every other border in the theme.

Ngôn ngữ chính
TypeScript
Star
24.8k
Fork
6.4k
Merge trung bình
4 giờ 16 phút
Pull request đã merge (30 ngày)
352

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.