Skip to content

fix(desktop): increase sidebar min-width, prevent text wrap in new-ch…#2352

Open
hclgdb wants to merge 1 commit into
esengine:v1from
hclgdb:fix/sidebar-cjk-text-wrap
Open

fix(desktop): increase sidebar min-width, prevent text wrap in new-ch…#2352
hclgdb wants to merge 1 commit into
esengine:v1from
hclgdb:fix/sidebar-cjk-text-wrap

Conversation

@hclgdb
Copy link
Copy Markdown

@hclgdb hclgdb commented May 30, 2026

What

Increase sidebar minimum width from 200px to 220px and add overflow: hidden
to the new-chat button to prevent CJK text wrapping. / 增大侧边栏最小宽度,
防止新会话按钮内中文文字换行。

Why

The sidebar can be dragged to 200px wide, leaving only ~100px for the
"new-chat" button. "新会话" (3 CJK characters) needs ~95px, leaving
virtually no margin — "话" wraps to the next line on some font renderings.
/ 侧边栏可拖拽至 200px,按钮可用空间不足 100px,三字约需 95px,
在部分字体渲染下"话"字被换行。

How to verify

  1. Drag sidebar to its narrowest position
  2. "新会话" should stay on one line inside the button
  3. npm run verify passes locally

Checklist

  • npm run verify passes locally (lint + typecheck + tests + comment-policy gate)
  • No Co-Authored-By: Claude trailer in commits
  • Comments follow CONTRIBUTING.md (no module-essay headers, no incident history)
  • No edits to CHANGELOG.md — release notes are maintainer-written at release time

…at button / 增大侧边栏最小宽度,防止新会话按钮文字换行

- useResizable: MIN_WIDTH 200→220, give more room for CJK text / 给 CJK 文字更多空间
- styles.css: add overflow:hidden to new-btn as safety net / 添加溢出隐藏兜底
@esengine esengine added the v1 Legacy TypeScript line (0.x) — v1 branch, maintenance only label May 31, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

v1 Legacy TypeScript line (0.x) — v1 branch, maintenance only

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants