fix(desktop): 窄窗下自绘标题栏与侧栏的竖分隔线错位 - #979
Merged
Merged
Conversation
Windows 壳去掉了原生装饰栏,标题栏是自绘的,左边两段必须与下方双层 侧栏逐列对齐。但栏宽写了两份:内容区的 .mc-nav-rail / .mc-sidebar-panel 在 styles.css 的媒体查询里随窗宽收窄(62/232 → 58/220),标题栏那两段 却把 62 / 232 内联写死。窗口一缩到 1080px 以下只有下面那层跟着收, 两条竖线就错开——实测偏移 4px 与 16px。.mc-sidebar-panel 那条 `width: 220px !important` 正是为了压 sidebar.tsx 的内联 232,本身就是 这份重复的症状。 收成一组令牌:--railW / --sideW / --setNavW 定义在 :root,内容区的栏与 标题栏同列都只读令牌,媒体查询只改令牌,两层一起走,!important 随之删掉。 设置页左导航与标题栏设置态那份 168 是同一类重复(目前没媒体查询所以 没暴露),一并收口。 守护断言:titlebar.test 禁止标题栏出现栏宽字面像素,navigation.test 补上 .mc-sidebar-panel 不带内联 width。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Windows 壳去掉了原生装饰栏,标题栏是自绘的,左边两段必须与下方双层
侧栏逐列对齐。但栏宽写了两份:内容区的 .mc-nav-rail / .mc-sidebar-panel 在 styles.css 的媒体查询里随窗宽收窄(62/232 → 58/220),标题栏那两段
却把 62 / 232 内联写死。窗口一缩到 1080px 以下只有下面那层跟着收,
两条竖线就错开——实测偏移 4px 与 16px。.mc-sidebar-panel 那条
width: 220px !important正是为了压 sidebar.tsx 的内联 232,本身就是 这份重复的症状。收成一组令牌:--railW / --sideW / --setNavW 定义在 :root,内容区的栏与 标题栏同列都只读令牌,媒体查询只改令牌,两层一起走,!important 随之删掉。
设置页左导航与标题栏设置态那份 168 是同一类重复(目前没媒体查询所以
没暴露),一并收口。
守护断言:titlebar.test 禁止标题栏出现栏宽字面像素,navigation.test
补上 .mc-sidebar-panel 不带内联 width。