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>
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"generated_at": "2026-10-03T14:21:05+00:00",
|
||||
"generated_at": "2026-10-03T16:24:36+00:00",
|
||||
"errors": [],
|
||||
"warnings": [
|
||||
"customPage tools-update section 'tools/update' not in PHP schema (ok if pure operational page)",
|
||||
|
||||
Reference in New Issue
Block a user