浏览代码

grille layout grid inner

ouidade 1 周之前
父节点
当前提交
cd0f6a5891
共有 2 个文件被更改,包括 22 次插入5 次删除
  1. 9 1
      web/themes/custom/eql/dist/assets/css/bundle.css
  2. 13 4
      web/themes/custom/eql/scss/pages/ressources.scss

文件差异内容过多而无法显示
+ 9 - 1
web/themes/custom/eql/dist/assets/css/bundle.css


+ 13 - 4
web/themes/custom/eql/scss/pages/ressources.scss

@@ -293,20 +293,29 @@
                                         flex-direction: row;
                                         flex-wrap: wrap;
                                         width: 100%;
-                                        &.grid-layout,
-                                        &.grid-layout-inner {
+                                        .grid-layout{
                                           display: grid;
-                                          grid-template-columns: repeat(4, 1fr);
+                                          grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                                           gap: 2rem;
                                         
                                           .views-row {
                                             // background: #fff;
                                             // border: 1px solid #ccc;
                                             padding: 1rem;
-                                            width: 30% !important;
                                           }
                                         }
+                                        .grid-layout-inner{
+                                            display: grid;
+                                          grid-template-columns: repeat(4, 1fr);
+                                          gap: 2rem;
                                         
+                                          .views-row {
+                                            // background: #fff;
+                                            // border: 1px solid #ccc;
+                                            padding: 1rem;
+                                            width: 30%;
+                                          }
+                                        }
                                         .view-type-slide.type-publication-issue-du-programme-eqld{
                                             order: 1;
                                             &::before{

部分文件因为文件数量过多而无法显示