fix(widgets): keep slider media combo PC layout flex in admin preview

后台模板预览只加载 frontend.css,不加载 main.css 的 .flex 工具类,
PC 端两列因此退化为 block 上下堆叠;在 widget 自有样式层显式声明
display:flex(移动端媒体查询的 display:block/flex 覆盖不受影响)
This commit is contained in:
2026-09-05 14:30:39 +08:00
parent 73e58517f6
commit 4eb2ddef66
2 changed files with 6 additions and 1 deletions
@@ -116,6 +116,10 @@ test('slider media combo replicates the reference module front and back', () =>
}
assert.doesNotMatch(renderer, /playsinline/);
// PC 端左右布局在后台预览(不加载 main.css)也必须成立。
const widgetCss = read('assets/widgets/frontend.css');
assert.match(widgetCss, /\.widget-slider-graphic\s*\{\s*display:\s*flex;/);
// 组合模块:is_show 门控、管理端缺省提示、卡片列动画与比例变量。
for (const token of ["aksrt_is_lazy('lazy_cover')", 'alert alert-warning', '当前模块下没有可显示的幻灯片', 'obs-animate ani-', "widget-graphic-cover ' . ($is_row ? 'mb10' : 'mb20')", 'row gutters-5', 'col-xs-', 'graphic-text this-font', 'm-cover-ratio', 'cover-ratio', 'layout-ratio', 'data-row=', 'data-col=', "m-' . sanitize_html_class($m_layout_type)"]) {
assert.match(renderer, new RegExp(token.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')));