Browse Source

grille layout grid inner

ouidade 4 months ago
parent
commit
cd0f6a5891

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

@@ -5533,14 +5533,22 @@ 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, .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 {
+.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;
+}
+.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;
+}
+.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;
   grid-template-columns: repeat(4, 1fr);
   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 {
+.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% !important;
+  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 .view-type-slide.type-publication-issue-du-programme-eqld {
   order: 1;

+ 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{