Skip to content

Let the Bot side panels reach the top edge under the caption buttons - #396

Merged
Fei2411 merged 2 commits into
devfrom
fix/389-panel-top-band
Oct 20, 2026
Merged

Fei2411 merged 2 commits into
devfrom
fix/389-panel-top-band

Conversation

@Fei2411

@Fei2411 Fei2411 commented Oct 20, 2026

Copy link
Copy Markdown
Owner

Issue

Fixes #389 (follow-up to #392)

What changed / 改了什么

#392 started the side panels below the title bar. That left a band of the conversation's color above the panel, next to caption buttons painted in the panel's color, which looked broken.

  • In a Windows title bar (not fullscreen) .bt-panel / .bt-pane now keep their top and get padding-top = title bar height − chrome top. In the desktop app (chrome top 0) the panel reaches the top edge, its content starts below the buttons, and the buttons stand on the panel's own surface: the app's caption color sampler already paints the layers at the top-right point over the column color, so the buttons take the panel's color.

  • A ::before band of the same height keeps dragging the window over the panel.

  • In DSH Desktop (chrome top = title bar height) the padding is 0, so nothing changes there; fullscreen, DSH Web and macOS are unchanged.

  • 桌面应用里侧面板顶到窗口最上沿,内容从系统按钮下方开始,按钮落在面板自己的底色上;面板上方那条仍可拖动窗口。DSH Desktop 里不变。

Changelog

The Bot details panel reaches the top of the window on Windows, under the window buttons, without a band of another color.

How I checked it / 怎么验证的

  • npm test (in ds-bot/): 797 tests, 796 pass, 1 skipped (existing Windows skip).
  • node scripts/build-client.mjs --check
  • npm run lint: 0 errors, same warnings as dev.
  • Smoke test: client only.
  • Desktop app on Windows, temporary data and the mock model, Bot details open: panel top 0, padding-top 40px, its ::before 40px high with -webkit-app-region: drag, the panel is among the elements under the caption point (so the buttons take its color, rgb(252,252,252)), its buttons at 52px. With data-fullscreen: padding 0, buttons at 12px. Screenshot below. Dark theme not checked by eye; the panel color and the sampled caption color come from the same element.

Checklist / 检查

  • One issue, one subject.
  • src/client/ changed → npm run build ran and client.js is committed.
  • No keys, tokens or personal data, also in screenshots.
  • No AI tool as author or Co-authored-by.

Starting the panels below the title bar left a band of the conversation's
color above them, beside caption buttons painted in the panel's color. In the
desktop app the panels now reach the top edge with their content padded below
the buttons, so the buttons stand on the panel's own surface; the band over
the panel still drags the window. Where DSH's chrome top already clears the
title bar the padding is 0.
@Fei2411

Fei2411 commented Oct 20, 2026

Copy link
Copy Markdown
Owner Author

The panel reaches the top edge; its buttons start below the 40px caption band.
面板顶到上沿,按钮从 40px 标题栏下方开始。

panel-light

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Oct 20, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-10-20T16:32:17.698708Z 072eb11 Manual request
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 2c72752207

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread ds-bot/src/client/styles.js
The view that fades out during a details/browser switch is placed absolutely
at the tabs' height, so with the band's padding it jumped up by the band.
@Fei2411

Fei2411 commented Oct 20, 2026

Copy link
Copy Markdown
Owner Author

@codex review

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. Keep them coming!

Reviewed commit: 072eb11081

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@Fei2411
Fei2411 merged commit af42171 into dev Oct 20, 2026
20 of 22 checks passed
@Fei2411
Fei2411 deleted the fix/389-panel-top-band branch October 20, 2026 16:41
@Fei2411 Fei2411 mentioned this pull request Oct 20, 2026
5 tasks done
bigbearcool pushed a commit to bigbearcool/DeepSeek-Bot that referenced this pull request Oct 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant