From 9aa0bd07552a419e23914b4aecb6664b7276b41a Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 24 Jul 2026 11:48:25 +0800 Subject: [PATCH] fix(header): cache-bust frontend CSS modules via filemtime header-components used fixed AKSRT_VERSION so card-gap fixes never reached browsers; inline gap rules and filemtime enqueue. --- assets/css/frontend/header-components.css | 68 +++++++++++++++++++++++ src/AKSRT/Core/ScriptsPart1b.php | 3 +- 2 files changed, 70 insertions(+), 1 deletion(-) diff --git a/assets/css/frontend/header-components.css b/assets/css/frontend/header-components.css index ad48dad3..63512091 100644 --- a/assets/css/frontend/header-components.css +++ b/assets/css/frontend/header-components.css @@ -4,3 +4,71 @@ @import url("header-components/dark-theme.css"); @import url("header-components/card-device-visibility.css"); @import url("header-components/search-keywords-row.css"); + +/* === homepage icon-card seams (must not rely solely on @import cache) === */ +.header-slider-card .flex, +.header-components-card .flex { display: flex; } +.header-slider-card .flex.jse, +.header-components-card .flex.jse, +.header-slider-card .jse, +.header-components-card .jse { justify-content: space-evenly; } +.header-slider-card .flex-row, +.header-components-card .flex-row { flex-direction: row; } +.header-slider-card .flex.ac, +.header-components-card .flex.ac, +.header-slider-card .ac, +.header-components-card .ac { align-items: center; } +.header-slider-card .gutters-5, +.header-components-card .gutters-5, +.header-slider-card .flex.jse.flex-row, +.header-components-card .flex.jse.flex-row { + margin: -5px; +} +.header-slider-card .gutters-5 > *, +.header-components-card .gutters-5 > *, +.header-slider-card .flex.jse.flex-row > *, +.header-components-card .flex.jse.flex-row > * { + padding: 5px !important; + box-sizing: border-box; +} +.header-slider-card .flex1, +.header-components-card .flex1, +.header-slider-card .flex .flex1, +.header-components-card .flex .flex1 { + flex: 1 1 0; + overflow: hidden; + min-width: 0; +} +.header-slider-card, +.header-components-card { + position: relative; + margin-top: -40px; + z-index: 1; + width: 100%; +} +.header-slider-card.container, +.header-components-card.container { + width: 100%; + max-width: var(--container, var(--mian-max-width, 1200px)); + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; + box-sizing: border-box; +} +.header-slider-card .icon-cover-card.zib-widget, +.header-components-card .icon-cover-card.zib-widget { + margin-bottom: 0; + padding: var(--card-padding, 15px); + box-shadow: 0 0 10px var(--main-shadow, var(--shadow-sm, rgba(116, 116, 116, 0.08))); + border-radius: var(--main-radius, var(--radius, 8px)); + background-color: var(--main-bg-color, var(--surface-1, #fff)); + height: 100%; + box-sizing: border-box; +} +.filter-blur .header-slider-card .zib-widget, +.filter-blur .header-components-card .zib-widget { + -webkit-backdrop-filter: saturate(5) blur(20px); + backdrop-filter: saturate(5) blur(20px); + background: var(--blur-bg, rgba(255, 255, 255, 0.75)); +} diff --git a/src/AKSRT/Core/ScriptsPart1b.php b/src/AKSRT/Core/ScriptsPart1b.php index d7094fd5..d91d4575 100644 --- a/src/AKSRT/Core/ScriptsPart1b.php +++ b/src/AKSRT/Core/ScriptsPart1b.php @@ -72,11 +72,12 @@ trait ScriptsPart1b { $deps = [$core_dep]; $enqueue_module = function ($slug) use ($base_uri, $version, $deps) { + $path = get_template_directory() . '/assets/css/frontend/' . $slug . '.css'; wp_enqueue_style( 'aksrt-' . $slug, $base_uri . '/assets/css/frontend/' . $slug . '.css', $deps, - $version + (file_exists($path) ? (string) filemtime($path) : $version) ); };