fix(nav): use reference theme sprite icons for header wallet tiles
The top-nav user card rendered its balance and points tiles with Font Awesome glyphs (fa-money-bill-wave, fa-coins) while the reference theme paints the multi-tone SVGs money-color-2 and points-color, so the two tiles read as flat monochrome next to the rest of the card. aksrt_header_user_wallet_mini() now resolves both value icons through aksrt_icon_markup(), which is the same call the user-center sidebar uses for the same two figures, so the header and the sidebar cannot drift apart: 余额 fa-money-bill-wave -> zibsvg-money-color-2 (em14) 积分 fa-coins -> zibsvg-points-color (em14) The tile arrows stay on fa-angle-right because that is what the reference renders there; only the two value icons were wrong. The muted-box geometry, the c-blue-2 / c-yellow value colours and the data-aksrt-* live-update hooks are untouched. Verification: node --test across widget-system, navigation, admin, asset-ledger, dev, front-submit and fixtures (621 tests), plus php -l. Rendered the tile through a stubbed harness and diffed it against the reference markup: identical structure, classes and icon. Contract-locked the two keys in tests/navigation/legacy-navigation-contract.test.cjs and added a cross-surface parity assertion to the sidebar icon contract.
This commit is contained in:
1 parent
4b18f7ef2c
commit
319ec2f47f
3 files changed
+27
-5
No files matched your search
@@ -246,13 +246,18 @@ test('the account popover rows match the reference user box structure', () => {
|
||||
assert.match(header, /admin\.php\?page=aksrt_pay/);
|
||||
assert.match(header, /支付中心/);
|
||||
|
||||
// Wallet tiles: balance first, muted-box geometry, FA5 icons.
|
||||
// Wallet tiles: balance first, muted-box geometry, reference sprite icons.
|
||||
assert.match(header, /class="flex ab jsb col-ml6"/);
|
||||
assert.match(header, /muted-box padding-6 flex1 radius4/);
|
||||
assert.match(header, /font-bold c-blue-2/);
|
||||
assert.match(header, /font-bold c-yellow/);
|
||||
assert.match(header, /fa fas fa-money-bill-wave em14 c-blue-2/);
|
||||
assert.match(header, /fa fas fa-coins em14 c-yellow/);
|
||||
assert.match(header, /aksrt_icon_markup\('zibsvg-money-color-2', 'em14'\)/);
|
||||
assert.match(header, /aksrt_icon_markup\('zibsvg-points-color', 'em14'\)/);
|
||||
// The value icons are the reference theme's multi-tone SVGs, not FA5 glyphs;
|
||||
// the tile arrow stays on fa-angle-right exactly as the reference renders it.
|
||||
assert.doesNotMatch(header, /fa fas fa-money-bill-wave/);
|
||||
assert.doesNotMatch(header, /fa fas fa-coins/);
|
||||
assert.match(header, /fa fas fa-angle-right em12/);
|
||||
|
||||
// Message icon uses the reference markup.
|
||||
assert.match(header, /msg-news-icon abs-right/);
|
||||
|
||||
Reference in new issue
Block a user