kate522 and Claude Fable 5
20fde1d652
fix(skeleton): put the widget gutter relief on the skeleton's inner item
...
小工具(首页挂载的 / 侧栏的)骨架加载占位比真实卡片窄一截:card 布局下
每侧窄 8px,视觉上就是「骨架小了一些」。
小工具的卡片走 skip_wrapper=true,直接挂在 .widget-ajaxpager 上
(src/WidgetSystem/PostRenderer.php),不经过 .posts-row,因此只受小工具
这条独立的负边距链作用:
.widget-ajaxpager margin: -8px
.posts-item.card(真实卡片) margin: 8px ← 卡片自身自带
.post_ajax_loader(外层) margin: 8px ← f61142ee 加的补偿
.posts-item.card(骨架内层) margin: 8px ← 同一条卡片规则
骨架于是拿到 8px(外层 loader)+ 8px(内层卡片)= 16px,而真实卡片只有
8px,内容区每侧少 8px。list 模式没暴露是因为 .posts-item 的 8px 来自
`.widget-main-post.style-list .posts-item`,该规则只覆盖 style-list、
不作用于骨架,外层的 8px 恰好补上 list 卡片应有的一份,刚好对齐。
修法:把水平补偿从外层 .post_ajax_loader 移到骨架内层的 .posts-item /
.posts-mini —— 与真实卡片同一个元素、同一条选择器,于是两者逐像素同宽,
也顺带回答了「补偿链的拥有者是谁」这个一直在打补丁的问题。
- assets/css/main.css、assets/css/frontend/post-card.css:.posts-row 与
.widget-ajaxpager 两条链、桌面 8px 与移动 5px 两组,共 8 处规则改为
内层选择器。
- assets/css/routes/user-home.css:面板归零规则同步改到内层,否则它归零
的是已经失效的外层,旧补偿会重新显形。
- tests/widget-system/asset-ledger-contract.test.cjs:把守卫断言改成内层
选择器,并修正规则匹配以支持选择器组(.posts-item, .posts-mini)。
注释说明为何不能补偿外层。
参考主题 zibll 完全没有 .post_ajax_loader 的 margin 规则;AKSRT 需要它,
是因为骨架多包了一层。定位在内层是与参考主题等价的正确解。
Verification:
- node tests/widget-system/asset-ledger-contract.test.cjs 16/16
- node tests/widget-system/post-visual-contract.test.cjs 22/22
- node tests/widget-system/zibll-modern-widgets-contract.test.cjs 10/10
- node tests/widget-system/lazyload-contract.test.cjs 7/7
- node tests/widget-system/frontend-lifecycle-contract.test.cjs 13/13
- node tests/widget-system/page-display-contract.test.cjs 18/18
- node tests/widget-system/message-center-contract.test.cjs 8/8
- php tools/audit-admin-contracts.php errors=0
- build:public 已重建;旧外层规则在源与产物中均已归零
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com >
2026-10-04 04:07:19 +08:00
kate522 and Claude 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
kate522
dc6bf34262
fix(widgets): restore hot-posts rank badge position per reference
...
Remove unscoped .img-badge top/left overrides from post-card.css and its
build aggregates that hijacked the reference-parity rules in main.css
(top:.6em / .hot-posts left:-15px). Also drop dead .widget-hot-posts
legacy blocks with no remaining markup references.
2026-09-19 13:31:36 +08:00
kate522
9375b1c30c
refactor(assets): vendor 资产迁入标准目录并全仓去除 zibll 标识
...
- assets/vendor 全量迁移: fontawesome5→assets/fontawesome5, css→assets/css,
js→assets/js/runtime(避开 14 个同名自有文件), img 合并去重→assets/img,
fonts→assets/fonts; 删除 assets/vendor
- libs 五个与 widgets/third-party 字节相同的库不重复入库, loader paths 改指向
- 运行时切换: _win.uri=assets 根, loader baseUrl=/js/runtime, enlighter 注入
路径同步; PHP 7 个引用文件切换并改名 $zibll_*→$runtime_*
- 去品牌: Qinver 头注释/品牌 console.log/演示链接清除, 默认文案中性化
- 功能标识符改名: zib__→aksrt__, zib_ajax→aksrt_ajax, window.zib→
window.aksrtLegacy, zibllblock/*→aksrtblock/*, .zib-widget→.aksrt-panel,
.zib-slider→.aksrt-slider, zib_menu_options meta 键等
- 自有 CSS 改名: legacy-utilities/compat-vars/footer shell
- admin SPA 重建; 契约测试同步(路径/断言/文件更名)
- 例外保留: tests/visual 对照环境与 fixtures 前缀(外部 Zibll 产品引用)
验证: php -l 133 个改动文件通过; runtime 86 个 JS node --check 通过;
契约测试 68/70(2 个失败经 stash 对照确认为存量问题)
2026-08-22 16:16:30 +08:00
kate522
a0b84977a2
feat(navigation): hard-switch to Zibll navigation and Font Awesome 5
2026-08-18 20:46:21 +08:00
kate522
3c3ddac8be
fix(frontend): align article list metadata and pagination
2026-08-18 16:23:44 +08:00
kate522
0f2ac6c34a
feat(frontend): replace article system with Zibll 9.0
2026-08-18 16:06:47 +08:00
kate522
5d45eb053b
fix(frontend): align layouts posts and widgets with zibll
2026-08-17 21:47:40 +08:00
Claude
98aeee3cc1
fix(phase1): backfill pagination, fix card stacking, unify archive render
...
- Backfill aksrt_render_pagination() into inc/helpers/aksrt-template-tags.php
(numbered + load_more/infinite branches, \AKSRT\Settings\Settings facade)
- post-card.css: drop display:block !important from base .posts-item so
.posts-item.card inline-block 3-col grid wins; scope <posts> block forcing
- archive-resources.php: replace hand-written .posts-row.ajaxpager +
get_template_part loop with aksrt_render_post_list() + aksrt_render_pagination()
Refs .specs/plans/zibll-widgets-1to1.md Phase 1 (US2/US3/US5)
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com >
2026-07-30 19:05:43 +08:00
kate522
ef0461b71e
fix(homepage): force-visible post stream against Bootstrap fade
...
Remove Bootstrap fade/in classes from the active home pane, render cards
as <article class="posts-item">, and lock list opacity/display with
!important so published posts cannot stay invisible.
2026-07-12 18:31:37 +08:00
kate522
368b321447
fix(homepage): make post stream visible (panel opacity + posts display)
...
Active homepage tab pane was stuck at opacity:0, and custom <posts>
elements lacked display:block, so published items rendered in HTML but
were effectively invisible. Style list cards under #index-tab-main too.
2026-07-12 18:14:44 +08:00
kate522
b821378a7d
fix(visual): align tokens/cards/buttons/dark mode to Zibll
...
P0 dark hex to #292a2d/#323335/#f8fafc; .btn opacity hover without pink elevation; post/user/product cards shadow-first without pink borders.
2026-07-10 23:07:21 +08:00
kate522
0b5b153265
视觉系统主干落地:对齐 design tokens 与核心组件样式向 Zibll 收敛
...
- tokens:收紧 surface 层级/边框/圆角/阴影/间距与暗黑基线
- 组件:按钮、卡片原语、导航、侧栏、分页、模态、浮动按钮
- 首页:hero 外壳、fixed 列表/宫格、tab、skeleton/error 及各运营模块卡片化
- 内容页:单篇封面/标题/正文/blockquote/相关/TOC/上一篇下一篇、评论区
- 社区:forum board/topic/compose 子控件与卡片体系
- 交易/认证:cart/orders/revenue/product/auth 表面块与模态浮层统一
- footer:页脚主体、社交/联系、移动端 tabbar/搜索覆盖
2026-07-06 15:19:25 +08:00
kate522
3247db7ed1
补充主题静态资源与归档模板
2026-07-03 23:15:11 +08:00