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

Goal and Tasks banners cast an excessive shadow above the composer

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

维护者通常 1 天内回复

@juliusmarminge 已经在做这个了。

开始于 2026年10月21日。

  • #22840 来自 @juliusmarminge —— 未关闭

评估

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

调研方向

从 apps/web/src/components/chat/ComposerBanner.tsx 开始,重点查看 ComposerBanner.Peek,以及 ComposerBannerStack 如何将折叠面板放在 Tasks 横幅上方。在桌面应用中重现所报告的设置,启用一个目标并显示任务列表,然后检查浅色外观。面板清晰分隔,且没有截图中那种浓重阴影时,即为完成。

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

描述

What happened

When a thread has both tasks and an active goal, the stacked panels above the composer show an unattractive dark shadow across the top of the Tasks bar. The supplied screenshot shows this in a light appearance.

Diagnosis

Likely source: ComposerBanner.Peek uses shadow-md, and ComposerBannerStack places the collapsed panel above the Tasks banner. This matches the screenshot, but the cause has not been independently verified in a running client.

Steps to reproduce

Based on the user's report:

  1. Open a thread in the desktop app.
  2. Have both an active goal and a task list.
  3. Inspect the collapsed panels above the composer.

Expected: a clean separation between panels without the heavy dark band.

Version

0.1.2-nightly.20261021.3457, confirmed by the local server.

Environment

Windows x64, build 10.0.26200; desktop app connected to its local server. Triage CLI: 0.1.1.

Evidence

User-provided screenshot showing the shadow above the Tasks row. The user will need to attach the screenshot after issue creation.

Related issues

#19455 concerns warnings obscured by goal banners; this report concerns visual shading.

Fix applied or workaround

None.

Filed by

Codex AI agent via T3 triage; GPT-6.1-Sol.

主要语言
TypeScript
星标
24.8k
派生
6.4k
平均合并
8 小时 4 分钟
30 天内合并 PR
199

环境准备

在 Codespaces 中打开

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

从这里开始

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

pingdotgg/t3code 的其他 Issue

查看 pingdotgg/t3code 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

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