Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

未关闭 适合新手
#19,208 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
65/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
活跃
技术栈
typescript
领域
frontend

调研方向

行样式位于 apps/web/src/components/ui/menu.tsx,因此请从那里菜单项上应用的选中和悬停类名开始。复现方法:打开 diff 面板的范围下拉菜单,选择"Latest turn",然后悬停在上方的行上。完成标准是:选中行和悬停行相邻时视觉上可以明显区分,可以使用间距、标记或更清晰的选中颜色。在选择方案之前,请先查看讨论串中维护者偏好的选项。

由索引模型根据 Issue 内容生成。

描述

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
主要语言
TypeScript
星标
24.8k
派生
6.4k
平均合并
6 小时 23 分钟
30 天内合并 PR
203

环境准备

在 Codespaces 中打开

在浏览器里用你自己的 GitHub 账号启动这个项目的开发容器。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

pingdotgg/t3code 的其他 Issue

查看 pingdotgg/t3code 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。