fix(header): unify top icon-card size and layout
Add a single always-loaded header-cards.css that normalizes the 顶部多功能组件图标卡片 geometry (equal-width cells, fixed 45px icon badge, zibll mobile padding) across all pages, and enqueue it from ScriptsPart1b. Remove the orphan header-components.css + subdirectory that were never enqueued. Repoint the icon-card contract test at the new stylesheet.
This commit is contained in:
@@ -25,13 +25,13 @@ test('icon card renderers keep vertical and horizontal Zibll DOM contracts separ
|
||||
});
|
||||
|
||||
test('homepage horizontal cards use the shared compact card contract and retain Zibll responsive rules', () => {
|
||||
const css = read('assets/css/frontend/header-components/dark-theme.css');
|
||||
const css = read('assets/css/frontend/header-cards.css');
|
||||
const baseCss = read('assets/css/frontend/base.css');
|
||||
const widgetCss = read('assets/widgets/frontend.css');
|
||||
|
||||
assert.match(baseCss, /\.icon-cover-card\.aksrt-icon-cover-card\s*\{\s*padding:\s*10px;\s*font-size:\s*16px;/);
|
||||
assert.match(css, /\.header-slider-card \.icon-cover-card\.zib-widget \{\s*padding: 10px;/);
|
||||
assert.match(css, /\.header-slider-card \.icon-cover-card\.padding-10 \{\s*padding: 2px;/);
|
||||
assert.match(css, /\.icon-cover-card\.zib-widget[\s\S]*?padding:\s*10px;/);
|
||||
assert.match(css, /\.icon-cover-card\.padding-10[\s\S]*?padding:\s*2px;/);
|
||||
assert.doesNotMatch(css, /\.header-slider-card \.icon-cover-icon\.badg\.cir/);
|
||||
assert.doesNotMatch(css, /\.header-slider-card \.icon-cover-icon img/);
|
||||
assert.doesNotMatch(widgetCss, /aksrt-widget-icon-cards \.icon-cover-card/);
|
||||
|
||||
Reference in New Issue
Block a user