Kaynağa Gözat

grille layout grid inner

ouidade 1 hafta önce
ebeveyn
işleme
15ce4341c8

+ 4 - 3
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5534,12 +5534,13 @@ svg.ext {
   width: 100%;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .grid-layout {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 2rem;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .grid-layout .views-row {
   padding: 1rem;
+  width: 30%;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .grid-layout-inner {
   display: grid;

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

@@ -294,14 +294,17 @@
                                         flex-wrap: wrap;
                                         width: 100%;
                                         .grid-layout{
-                                          display: grid;
-                                          grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-                                          gap: 2rem;
-                                        
+                                        //   display: grid;
+                                        //   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+                                        //   gap: 2rem;
+                                        display: flex;
+                                        flex-direction: row;
+                                        flex-wrap: wrap;
                                           .views-row {
                                             // background: #fff;
                                             // border: 1px solid #ccc;
                                             padding: 1rem;
+                                            width: 30%;
                                           }
                                         }
                                         .grid-layout-inner{