diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 4df541c..cec3823 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -635,19 +635,16 @@ a { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child { display: flex; flex-direction: column; } - .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(1) { - order: 1; } - .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(4) { - order: 2; } - .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(5) { - order: 3; } - .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images .field__item img { - max-width: 95%; - max-height: 150px; - object-fit: cover; - width: 100%; - padding-bottom: 1rem; } + .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images { + order: 1; } + .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images .field__item img { + max-width: 95%; + max-height: 150px; + object-fit: cover; + width: 100%; + padding-bottom: 1rem; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date { + order: 2; display: flex; flex-direction: row-reverse; justify-content: flex-end; } @@ -659,6 +656,12 @@ a { font-weight: 800; padding-right: 1rem; width: fit-content; } + .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-title { + order: 3; } + .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-sous-titre { + order: 4; + margin-top: 0.3rem; + font-weight: 800; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field:not(.field--name-field-images) { width: 100%; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite h2 { @@ -674,6 +677,7 @@ a { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .inline.links a { display: none; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-actu-type { + order: 5; padding-top: 1rem; } .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 { grid-area: actus; diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 8b7abb1..a8fba14 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -357,11 +357,12 @@ div:first-child{ // block actu dans le bandeau display: flex; flex-direction: column; - :nth-child(1) { order: 1; } - :nth-child(4) { order: 2; } - :nth-child(5) { order: 3; } + // :nth-child(1) { order: 1; } + // :nth-child(4) { order: 2; } + // :nth-child(5) { order: 3; } } .field--name-field-images { + order: 1; .field__item img{ max-width: 95%; max-height: 150px; @@ -372,6 +373,7 @@ } .field--name-field-date{ + order: 2; display: flex; flex-direction: row-reverse; justify-content: flex-end; @@ -392,6 +394,14 @@ } } + .field--name-title{ + order:3; + } + .field--name-field-sous-titre{ + order:4; + margin-top: 0.3rem; + font-weight: 800; + } .field:not(.field--name-field-images){ width: 100%; @@ -410,6 +420,7 @@ } } .field--name-field-actu-type{ + order:5; padding-top: 1rem; } }