From cd0f6a5891b4e3b58bf714fe5a8d8ea5e0e76746 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 27 May 2025 22:29:19 +0200 Subject: [PATCH] grille layout grid inner --- .../custom/eql/dist/assets/css/bundle.css | 14 +++++++++++--- .../custom/eql/scss/pages/ressources.scss | 17 +++++++++++++---- 2 files changed, 24 insertions(+), 7 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 3546bf7..d802ded 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/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; diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index 4450bc1..d469054 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -293,9 +293,19 @@ flex-direction: row; flex-wrap: wrap; width: 100%; - &.grid-layout, - &.grid-layout-inner { + .grid-layout{ display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + gap: 2rem; + + .views-row { + // background: #fff; + // border: 1px solid #ccc; + padding: 1rem; + } + } + .grid-layout-inner{ + display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; @@ -303,10 +313,9 @@ // background: #fff; // border: 1px solid #ccc; padding: 1rem; - width: 30% !important; + width: 30%; } } - .view-type-slide.type-publication-issue-du-programme-eqld{ order: 1; &::before{