fix(ui): 顶栏透明度修复 — c-appbar 实底 + sticky 缝隙遮条#159
Merged
Conversation
globals.css 的 .c-appbar background: transparent 定义在 utility 层之后， 盖掉了 nav.tsx 的 bg-sg-space-0（暗色纯黑底看不出，Paper 主题下滚动内容 从条底透出）。改为 var(--sg-space-0) 实底；同时用 before 伪元素把 sticky top-2/4 的悬浮缝隙填上，内容不再从条上方缝隙滚过。加守卫测试 锁定 c-appbar 永不回到透明。 Claude-Session: https://claude.ai/code/session_01PzzkxzLNdLrVCRAUyGtmEz
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
github-actions
Bot
added
codex:needs-review
github-actions
Bot
added
codex:reviewed
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.
浅色 Paper 主题下顶栏透明导致滚动内容透出、元素视觉混乱（用户截图反馈）。
根因（与 #148 头像 bug 同类——post-utility CSS 盖掉 utility）：
.c-appbar { background: transparent }定义在 utility 层之后，静默压过 nav.tsx 的bg-sg-space-0；设计语言禁 backdrop-filter，透明 sticky 条没有模糊兜底，Paper 主题下内容直接透出。sticky top-2 md:top-4悬浮式顶栏上方有 8/16px 缝隙，内容从缝里滚过（截图中 "0/7 systems healthy" 药丸）。修法：
.c-appbar背景改var(--sg-space-0)（画布色实底，暗色主题视觉不变）。before:画布色遮条填掉悬浮缝隙。.c-appbar必须var(--sg-space-0)、永不 transparent。验证：pnpm test 161 文件 / 1255 通过（+1 守卫）；typecheck 0 错误。
https://claude.ai/code/session_01PzzkxzLNdLrVCRAUyGtmEz