Przeglądaj źródła

grille layout grid inner flex

ouidade 1 miesiąc temu
rodzic
commit
1614187f3f

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

@@ -5533,24 +5533,16 @@ svg.ext {
   flex-wrap: wrap;
   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: 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,
 .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: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  gap: 2rem;
 }
+.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,
 .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 .views-row {
   padding: 1rem;
-  width: 30%;
+  width: 25%;
 }
 .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 .view-type-slide.type-publication-issue-du-programme-eqld {
   order: 1;

+ 5 - 21
web/themes/custom/eql/scss/pages/ressources.scss

@@ -293,35 +293,19 @@
                                         flex-direction: row;
                                         flex-wrap: wrap;
                                         width: 100%;
-                                        .grid-layout{
-                                        //   display: grid;
-                                        //   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-                                        //   gap: 2rem;
+                                        .grid-layout,
+                                        .grid-layout-inner{
+
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
                                           .views-row {
-                                            // background: #fff;
-                                            // border: 1px solid #ccc;
+
                                             padding: 1rem;
-                                            width: 30%;
+                                            width: 25%;
                                           }
                                         }
-                                        .grid-layout-inner{
-                                            display: flex;
-                                        flex-direction: row;
-                                        flex-wrap: wrap;
-                                        //     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{