Skip to content

fix: 侧边栏面板开关按钮避开桌面端原生标题带 - #82

Open
jiejie2023 wants to merge 1 commit into
omdsh-dev:mainfrom
jiejie2023:fix/sidebar-toggle-panel-controls
Open

fix: 侧边栏面板开关按钮避开桌面端原生标题带#82
jiejie2023 wants to merge 1 commit into
omdsh-dev:mainfrom
jiejie2023:fix/sidebar-toggle-panel-controls

Conversation

@jiejie2023

Copy link
Copy Markdown

问题描述

桌面端(Electron)右面板右上角常驻的「展开/收起」双按钮(position: fixed; top: 3px)与窗口原生标题栏按钮重叠,点击目标被标题带遮挡,面板开关不好点。

修改内容

  • src/client/Sidebar.tsx:把两个面板开关按钮抽成 panelToggleActions;
    • 右面板打开时,按钮放入面板顶部新增的 .panelTopbar 控制行(原生标题带下方,不随 tab 切换变化)
    • 右面板关闭时,保留 .toggleCluster 兜底入口(否则无法重新打开面板)
  • src/client/sidebar.module.css:
    • 新增 .panelTopbar / .panelControls(34px 控制行、右对齐)
    • 删除 .panel:not(.panelHidden) .tabBar { padding-right: 72px }(tab 条不再为角落按钮预留空间)
    • 桌面端兜底 cluster 下移:html[data-dsh-desktop='true'] .toggleCluster { top: var(--dsh-desktop-titlebar-inset, 40px) }

验证

在 DSH 桌面端实测:右面板打开/关闭、底部面板展开/收起均正常,按钮不再与原生标题带重叠。

桌面端右上角常驻的展开/收起按钮(position:fixed; top:3px)与 Electron
原生窗口按钮重叠,点击目标被标题带遮挡。修改为:
- 右面板打开时,两个开关按钮放入面板顶部新增的 .panelTopbar 控制行(原生标题带下方)
- 右面板关闭时,保留 .toggleCluster 兜底,桌面端下移到标题带下方(--dsh-desktop-titlebar-inset)
- 移除 tab 条为角落按钮预留的 72px 内边距
@chatgpt-codex-connector

Copy link
Copy Markdown

Codex usage limits have been reached for code reviews. Please check with the admins of this repo to increase the limits by adding credits.
Credits must be used to enable repository wide code reviews.

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