kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:首页顶部卡片共享背景布局

Browse Source
This commit is contained in:
kate522
2026-08-19 17:11:03 +08:00
parent aa58fb58ff
commit 4ea8d5f8e8
4 changed files with 5 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/header-components.css
-5
View File
@@ -56,11 +56,6 @@
padding-right: 15px;
box-sizing: border-box;
}
.header-slider-card .aksrt-icon-cover-card-grid {
display: grid;
grid-template-columns: repeat(var(--aksrt-icon-card-cols, 1), minmax(0, 1fr));
gap: 15px;
}
.filter-blur .header-slider-card .zib-widget,
.filter-blur .header-components-card .zib-widget {
-webkit-backdrop-filter: saturate(5) blur(20px);
assets/css/frontend/header-components/search-keywords-row.css
-5
View File
@@ -59,11 +59,6 @@
/* zibll mobile (max-width: 767px) search / card offsets */
@media (max-width: 767px) {
.header-slider-card .aksrt-icon-cover-card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.header-slider-container .new-swiper.slide-header .swiper-wrapper,
.new-swiper.slide-index.slide-header .swiper-wrapper {
height: var(--m-height);
inc/helpers/homepage/header-components.php
+5 -8
View File
@@ -428,17 +428,14 @@ if (!function_exists('aksrt_header_slide')) {
if ($inner === '') {
continue;
}
$items .= !empty($card_options['show_widget_bg']) ? '<div class="relative-h">' . $inner . '</div>' : $inner;
$items .= !empty($card_options['show_widget_bg']) ? '<div class="relative-h">' : '<div class="flex1">';
$items .= $inner . '</div>';
$card_count++;
}
if ($items !== '') {
$cards_html = '<div class="header-slider-card container">';
if (!empty($card_options['show_widget_bg'])) {
$cards_html .= '<div class="zib-widget padding-10"><div class="flex jse flex-row gutters-5 flex-col-sm-2">' . $items . '</div></div>';
} else {
$cards_html .= '<div class="aksrt-icon-cover-card-grid" style="--aksrt-icon-card-cols:' . (int) $card_count . '">' . $items . '</div>';
}
$cards_html .= '</div>';
$cards_html = '<div class="header-slider-card container">'
. (!empty($card_options['show_widget_bg']) ? '<div class="zib-widget padding-10">' : '<div class="">')
. '<div class="flex jse flex-row gutters-5 flex-col-sm-2">' . $items . '</div></div></div>';
}
}
tests/widget-system/icon-card-contract.test.cjs
-6
View File
@@ -26,9 +26,6 @@ test('icon card renderers keep vertical and horizontal Zibll DOM contracts separ
test('homepage horizontal cards only use Zibll surface and responsive padding rules', () => {
const css = read('assets/css/frontend/header-components/dark-theme.css');
const headerCss = read('assets/css/frontend/header-components.css');
const mobileCss = read('assets/css/frontend/header-components/search-keywords-row.css');
const header = read('inc/helpers/homepage/header-components.php');
const widgetCss = read('assets/widgets/frontend.css');
assert.match(css, /\.header-slider-card \.icon-cover-card\.zib-widget \{\s*padding: 10px;/);
@@ -36,7 +33,4 @@ test('homepage horizontal cards only use Zibll surface and responsive padding ru
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/);
assert.match(header, /aksrt-icon-cover-card-grid/);
assert.match(headerCss, /\.header-slider-card \.aksrt-icon-cover-card-grid \{[\s\S]*?grid-template-columns: repeat\(var\(--aksrt-icon-card-cols, 1\), minmax\(0, 1fr\)\);[\s\S]*?gap: 15px;/);
assert.match(mobileCss, /\.header-slider-card \.aksrt-icon-cover-card-grid \{[\s\S]*?grid-template-columns: repeat\(2, minmax\(0, 1fr\)\);[\s\S]*?gap: 10px;/);
});