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:
@@ -164,7 +164,8 @@
|
||||
.theme-pagination .next-page a:hover { background: var(--main-border-color, rgba(127,127,127,.18)); opacity: 1; }
|
||||
.pagenav .page-numbers { cursor: pointer; }
|
||||
.widget-ajaxpager[lazyload-action="ias"] .post_ajax_trigger { display: none; }
|
||||
.widget-slider-graphic { gap: 10px; align-items: stretch; }
|
||||
/* 组合模块 PC 端为左右两列;后台预览不加载 main.css 的 .flex 工具类,这里需自声明。 */
|
||||
.widget-slider-graphic { display: flex; gap: 10px; align-items: stretch; }
|
||||
.widget-slider-graphic .slider-col { width: var(--layout-ratio, 60%); min-width: 0; }
|
||||
.widget-slider-graphic .cover-col { width: calc(100% - var(--layout-ratio, 60%)); }
|
||||
.widget-slider-graphic .widget-graphic-cover { height: 100%; }
|
||||
|
||||
Reference in New Issue
Block a user