From b401fb0fcc3be6ee8e4dc8cf2f409e9c1b6a5828 Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 12 Jul 2023 00:04:44 +0200 Subject: [PATCH] css home block actus --- web/themes/custom/eql/css-compiled/styles.css | 21 +++++++++----- web/themes/custom/eql/scss/pages/_home.scss | 28 +++++++++++++------ 2 files changed, 34 insertions(+), 15 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 5ac0e42..5cc66ec 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -438,7 +438,7 @@ a { margin: auto; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child { display: grid; - grid-template-columns: 1fr repeat(8, 1fr) 1fr; } + grid-template-columns: 1fr repeat(9, 1fr) 1fr; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-images { order: 1; grid-column: 1 /span 9; @@ -448,19 +448,25 @@ a { max-height: 550px; object-fit: cover; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-date { - display: inline; - grid-column: 9 / span 7; + grid-column: 9 / span 9; grid-row: 2; - order: 2; - flex-direction: row; } + order: 2; } + .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-date div { + display: flex !important; + flex-direction: row; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-date time { + display: flex; + flex-direction: row; font-size: 0.9rem; font-weight: 800; padding-right: 1rem; width: fit-content; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-lieu { - grid-column: 9 / span 9; + grid-column: 10 / span 12; grid-row: 2; } + .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-lieu div.field__item { + display: flex !important; + flex-direction: row; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-lieu .field__label { display: none; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-title { @@ -482,7 +488,8 @@ a { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child h2 { margin: 0; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child a { - color: black; } + color: black; + grid-column: 1/span 8; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .inline.links { padding-top: none !important; list-style: none; diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 0d1e664..6cd1f8e 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -40,7 +40,7 @@ // flex-direction: column; // flex-wrap: wrap; display: grid; - grid-template-columns: 1fr repeat(8, 1fr) 1fr; + grid-template-columns: 1fr repeat(9, 1fr) 1fr; .field--name-field-images { order: 1; grid-column: 1 /span 9; @@ -53,19 +53,23 @@ } .field--name-field-date{ - display: inline; - - grid-column: 9 / span 7; + grid-column: 9 / span 9; grid-row: 2; order: 2; - // display: flex; - flex-direction: row; + // display: flex !important; + // flex-direction: row; // justify-content: flex-start; // &:not(:last-child):after{ // padding-right: 1rem; // content: "|"; // } + div{ + display: flex !important; + flex-direction: row; + } time{ + display: flex; + flex-direction: row; font-size: 0.9rem; font-weight: 800; padding-right: 1rem; @@ -78,11 +82,16 @@ } .field--name-field-lieu{ + div.field__item{ + display: flex !important; + flex-direction: row; + } .field__label{ display: none; } - grid-column: 9 / span 9; + grid-column: 10 / span 12; grid-row: 2; + } .field--name-title{ display: inline-flex; @@ -106,7 +115,10 @@ width: 100%; } h2{ margin:0; } - a{ color: $black; } + a{ + color: $black; + grid-column: 1/span 8; + } .inline.links{ // grid-column: 5;