From face587d924558fe124844af303d9a8947fc7c16 Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 12 Jul 2023 23:23:16 +0200 Subject: [PATCH] reglages taille img home --- web/themes/custom/eql/css-compiled/styles.css | 7 +++++-- web/themes/custom/eql/scss/pages/_home.scss | 7 ++++++- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 3a248d2..e877daf 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -617,7 +617,8 @@ a { padding-top: 2rem; } } .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child { display: flex; - flex-direction: column; } + flex-direction: column; + max-height: 400px; } .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child a { color: #09398b; } .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo { @@ -629,7 +630,9 @@ a { .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo img { width: 100%; object-fit: cover; - height: fit-content; } + height: auto; + max-height: 400px; + object-fit: contain; } .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse { order: 2; display: flex; diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 9cf5a5a..cea1cbf 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -349,6 +349,8 @@ div:first-child{ display: flex; flex-direction: column; + max-height: 400px; + a{ color: $blue-dark; @@ -364,7 +366,10 @@ img{ width: 100%; object-fit: cover; - height: fit-content; + // height: fit-content; + height: auto; + max-height: 400px; + object-fit: contain; } // &::after{ // display: block;