Skip to content

fix(game): 中/EN 切换统一为像素风,与导航按钮一致 - #34

Merged
realRoc merged 1 commit into
mainfrom
fix/game-lang-switch-pixel-ui
Jun 1, 2026
Merged

fix(game): 中/EN 切换统一为像素风,与导航按钮一致#34
realRoc merged 1 commit into
mainfrom
fix/game-lang-switch-pixel-ui

Conversation

@realRoc

@realRoc realRoc commented Jun 1, 2026

Copy link
Copy Markdown
Owner

改动

游戏页 docs/game.html 右上角的中/EN 语言切换,原先复用共享 githire.css 的**圆角 pill(衬线斜体)**样式,与页面的像素风导航(方法论 / Skill / HireRPG game —— 方角、2px 边框、3px 偏移阴影)割裂。

本次在 game.html 自带 <style> 里用 .topnav-actions .lang-switch 提升优先级覆盖共享样式,统一为像素风方块分段开关:

  • 方角(border-radius:0)+ 2px --rink 实边框
  • Zpix 像素字体、12px、去斜体
  • 3px 3px 0 偏移阴影(与 .btn-ghost 同款)
  • 中间 2px 分隔线,选中态填充 --rink 深色、文字反白

只影响游戏页(覆盖作用域限定在 .topnav-actions),不动首页 / Skill 页的圆角 pill。

关于"语言自适应"

无需改动 —— resolveLang() 已按 URL ?lang=localStoragenavigator.language 顺序自适应识别,加载时改写 <html lang> 与全部文案。该能力随上一个 PR(#33)已上线,本次纯样式。

验证

  • 选择器特异性核对:.topnav-actions .lang-switch(0,2,0) / active 态(0,3,1) 均压过共享样式;header 为 topnavnav-on-dark,深色规则不触发;移动端媒体查询特异性更低不影响 ✅
  • node scripts/check-reveal-failsafe.mjs → PASS ✅
  • node scripts/build-en.mjs → Done,无文件变更(游戏页自带 i18n,不在英文镜像体系内)✅
  • 可访问性:选中/未选中态对比度均高于原浅灰 pill ✅

🤖 Generated with Claude Code

游戏页语言切换原先复用共享 githire.css 的圆角 pill(衬线斜体),
与页面像素风导航(方角/2px 边框/3px 偏移阴影)割裂。在 game.html
自带 <style> 内用 .topnav-actions .lang-switch 提升优先级覆盖:
方角、Zpix 像素字体、3px 偏移阴影、选中态填充 --rink 反白,
与 .btn-ghost 完全一致。仅 game.html 局部,不影响首页/Skill 页。

语言已是自适应(resolveLang: URL→localStorage→navigator.language),
本次不改逻辑。

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@realRoc

realRoc commented Jun 1, 2026

Copy link
Copy Markdown
Owner Author

🤖 由 Codex 自动生成

建议

暂无额外建议。

结论:✅ 可以合并

@realRoc
realRoc merged commit 0fffd40 into main Jun 1, 2026
1 check passed
@realRoc
realRoc deleted the fix/game-lang-switch-pixel-ui branch June 1, 2026 09:56
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