
kate522andClaude Fable 5
f61142ee9a
fix(pagination): align the load-more skeleton width with the cards
首页「加载更多」的骨架比列表本身宽出一截:.posts-row 用
margin-left/right:-8px 抵消卡片的水平边距,而卡片边距规则是
`.posts-row > *:not(.post_ajax_loader)`,把骨架排除在补偿链之外,
于是骨架左右各宽出 8px(合计 16px)。移动端的 5px 覆盖块同理。
小工具的 .widget-ajaxpager / tab pane 也是一条独立的负边距补偿链
(margin: -8px 抵消 .posts-item 的 8px),骨架同样溢出。
修法是给骨架补上与卡片等同的水平边距,而不是写 inline display
(会盖过 .is-loading 类规则)。改了 main.css、post-card.css 的
8px / 5px 两组规则,用户中心面板另加一条归零规则,因为那里的
容器 margin 与卡片边距都已清零,不能再叠加补偿。
顺带补一条契约测试:删掉任一 gutter 规则即失败,防止回归。
Verification:
- node --test tests/**/*.test.cjs 471 passed / 0 failed
- php tests/widget-system/run.php 136 assertions
- php tools/audit-widget-system.php
- php tools/audit-admin-contracts.php errors=0 (56 既有 baseline 警告)
- node tools/build-public-assets.mjs CSS/JS 产物已重建
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-10-04 00:25:26 +08:00
..
2026-08-17 14:52:19 +08:00
2026-09-23 12:16:26 +08:00
2026-09-28 21:27:44 +08:00
2026-08-22 16:16:30 +08:00
2026-07-03 23:15:11 +08:00
2026-08-17 14:52:19 +08:00
2026-07-10 23:37:20 +08:00
2026-08-22 16:16:30 +08:00
2026-09-18 23:17:18 +08:00
2026-08-22 16:16:30 +08:00
2026-07-03 23:15:11 +08:00
2026-07-04 17:09:12 +08:00
2026-08-29 22:03:48 +08:00
2026-09-28 21:27:44 +08:00
2026-10-04 00:25:26 +08:00