diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 3bdb05a..4df541c 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -855,6 +855,10 @@ a { padding-right: 1rem; padding-left: 1rem; content: "|"; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre { + grid-column: 2 /span 7; + margin-top: 1rem; + font-weight: 800; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { grid-column-start: 5; grid-column-end: 9; } @@ -1123,25 +1127,27 @@ a { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child { display: flex; flex-direction: column; } - .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) { - order: 1; } - .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) { - order: 2; } - .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) { - order: 3; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child a { color: #09398b; } - .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img { - width: 100%; - max-height: 175px; - object-fit: cover; } - .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after { - display: block; - content: url('data:image/svg+xml, '); } + .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images { + order: 1; } + .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img { + width: 100%; + max-height: 175px; + object-fit: cover; } + .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after { + display: block; + content: url('data:image/svg+xml, '); } + .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-sous-titre { + margin-top: 0.5rem; + font-size: 0.9rem; + font-weight: 800; + order: 4; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date { + order: 2; display: flex; - flex-direction: row-reverse; - justify-content: flex-end; } + flex-direction: row; + justify-content: flex-start; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date:not(:last-child):after { padding-right: 1rem; content: "|"; } @@ -1150,6 +1156,8 @@ a { font-weight: 800; padding-right: 1rem; width: fit-content; } + .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-title { + order: 3; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) { width: 100%; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 { @@ -1163,6 +1171,7 @@ a { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links a { display: none; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-actu-type { + order: 5; padding-top: 1rem; } .node-id-4 { diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index b955871..2b6cbfe 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -46,6 +46,7 @@ font-weight: 500; } } + .block-entity-fieldnodefield-date{ grid-column: 2 / span 3; text-transform: uppercase; @@ -62,9 +63,14 @@ content: "|"; } } - - } + + .block-entity-fieldnodefield-sous-titre{ + grid-column: 2 /span 7; + margin-top: 1rem; + font-weight: 800; + } + .block-entity-fieldnodefield-images{ grid-column-start: 5; grid-column-end: 9; @@ -181,9 +187,7 @@ .block-region-third{ display: flex; flex-direction: column; - width: 65%; - .block-entity-fieldnodefield-fichiers{ - } + width: 65%; .field--name-field-fichiers{ .field__item{ height: fit-content; diff --git a/web/themes/custom/eql/scss/pages/_toutesactualites.scss b/web/themes/custom/eql/scss/pages/_toutesactualites.scss index a4c7105..d7c80e9 100644 --- a/web/themes/custom/eql/scss/pages/_toutesactualites.scss +++ b/web/themes/custom/eql/scss/pages/_toutesactualites.scss @@ -40,10 +40,10 @@ display: flex; flex-direction: column; - :nth-child(1) { order: 1; } + // :nth-child(1) { order: 1; } - :nth-child(4) { order: 2; } - :nth-child(5) { order: 3; } + // :nth-child(4) { order: 2; } + // :nth-child(5) { order: 3; } // :nth-child(1) { order: 3; } // :nth-child(2) { order: 1; } @@ -53,6 +53,7 @@ color: $blue-dark; } .field--name-field-images { + order:1; .field__item img{ width: 100%; max-height: 175px; @@ -63,10 +64,18 @@ content:url('data:image/svg+xml, '); } } + .field--name-field-sous-titre{ + margin-top: 0.5rem; + font-size: 0.9rem; + font-weight: 800; + order: 4; + + } .field--name-field-date{ + order: 2; display: flex; - flex-direction: row-reverse; - justify-content: flex-end; + flex-direction: row; + justify-content: flex-start; &:not(:last-child):after{ padding-right: 1rem; content: "|"; @@ -84,6 +93,10 @@ } } + .field--name-title{ + order: 3; + + } .field:not(.field--name-field-images){ width: 100%; @@ -103,6 +116,7 @@ // } } .field--name-field-actu-type{ + order: 5; padding-top: 1rem; } }