Skip to content

fix: 超宽屏相关链接面板加高并垂直居中 - #662

Merged
0xcaffebabe merged 1 commit into
masterfrom
codex/660-ultrawide-related-panel
Oct 23, 2026
Merged

0xcaffebabe merged 1 commit into
masterfrom
codex/660-ultrawide-related-panel

Conversation

@0xcaffebabe

Copy link
Copy Markdown
Owner

Closes #660

超宽屏下,右侧常驻的“相关链接”面板被限制为 38vh 且贴在列顶部,长列表只能显示少量条目。现在将面板最大高度提高到 72vh,在占满视口高度的 sticky 容器内垂直居中,并保留上下安全间距和列表内部滚动。短列表按实际高度居中。

同步更新设计约定,并用固定的长文、18 项关联列表验证 2040/2560 宽度、600/900/1440 高度、页面滚动后的居中、最后一项可达,以及缩窄后恢复悬浮入口。亮暗主题截图作为该用例的 ultrawide-panels-light / ultrawide-panels-dark 附件保存在 Playwright 报告中,CI 产物见 e2e 工作流。图片未提交到仓库。

验证使用 Node.js 26.12.1:

  • npm test:80 个文件、1106 项测试通过。
  • NOTE_BUILD_COMMIT_TOTAL_TREND=1 npm run build:通过。
  • npm run test:e2e:pr -- --workers=4:首轮 142/148 通过。修正超宽屏测试对真实文章关联内容的依赖后,npm run test:e2e:pr -- --last-failed --workers=1 的 6/6 项通过;其余 5 项首轮失败均在串行重跑时通过。
  • 已核对亮暗主题截图,git diff --check 通过。

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying note with  Cloudflare Pages  Cloudflare Pages

Latest commit: 5365515
Status: ✅  Deploy successful!
Preview URL: https://1e2e763f.note-e01.pages.dev
Branch Preview URL: https://codex-660-ultrawide-related.note-e01.pages.dev

View logs

@0xcaffebabe
0xcaffebabe marked this pull request as ready for review October 23, 2026 08:06
@0xcaffebabe
0xcaffebabe merged commit 0eee7da into master Oct 23, 2026
17 checks passed
@0xcaffebabe
0xcaffebabe deleted the codex/660-ultrawide-related-panel branch October 23, 2026 09:02

This branch was successfully deployed

1 active deployment
Preview — 5365515f Deployed Oct 23, 2026 by vercel[bot]
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.

ultrawide 宽度下,右侧的相关链接高度可以高一点,然后垂直居中

1 participant