From 1614187f3f368a1dd1c6dfb5d4f427f736f97c6b Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 27 May 2025 22:42:49 +0200 Subject: [PATCH] grille layout grid inner flex --- .../custom/eql/dist/assets/css/bundle.css | 14 +++------- .../custom/eql/scss/pages/ressources.scss | 26 ++++--------------- 2 files changed, 8 insertions(+), 32 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 573703d..0c1636c 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/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; diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index 7dd4277..0d35eb9 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/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{