fix(settings): align 返回应用 back button to settings nav row recipe - #226
Merged
Conversation
WAWQAQ msg `dd21e793` 2026-06-25: "返回应用 的样式和其他的侧边栏的样式 不是一样的，这样子也不美观。就它一个居中，然后它的样式和其他的 通用 外观 这些的样式都不一样。" The back link used: - `display: inline-flex` (intrinsic width — visually centered in the column layout instead of full-width like every nav row) - 4px 8px padding - 13px / weight 500 - 6px radius - 4px gap - `align-self: flex-start` while every `.settingsNavItem` below it used: - `display: flex` with `width: calc(100% - 8px)` - 38px height - 6px 12px padding - 14px / weight 500 - 7px radius - 12px gap The mismatch read as "this row doesn't belong to the same list." Fix: rewrite `.settingsBackButton` to match `.settingsNavItem` exactly on width, height, padding, radius, gap, font, and color tokens. Keep the no-drag region. Tighten the bottom margin from 10px to 4px so the back row sits in the same 2px stack rhythm as the nav-group items below. CSS-only. Single block changed.
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.
WAWQAQ msg `dd21e793` 2026-06-25 #5/5:
Bug
`.settingsBackButton` and `.settingsNavItem` were styled completely differently — back link inline-flex / 13px / 4-8px padding / 6px radius / 4px gap, nav items flex full-width / 14px / 6-12px padding / 7px radius / 12px gap. The back link looked intrinsically sized + visually centered, mismatching the full-width left-aligned 通用 / 外观 / etc. rows below it.
Fix
Rewrite `.settingsBackButton` to inherit the `.settingsNavItem` recipe verbatim (width, height, padding, radius, gap, font, color tokens). Tighten the bottom margin from 10px to 4px so the back row joins the nav stack rhythm.
Diff
`1 file, 22 insertions(+), 8 deletions(-)`. CSS-only.