diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 7910fd0..418c679 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -896,6 +896,9 @@ a { font-family: "Source Code Pro"; font-size: 2.5rem; font-weight: 500; } + @media (max-width: 810px) { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { + font-size: 1.9em; } } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date { grid-column: 2 / span 3; text-transform: uppercase; @@ -930,24 +933,24 @@ a { grid-column: 2 /span 9; } } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { grid-column: 5 / span 9; } - @media (max-width: 568px) { - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { - grid-column: 3 /span 9; } } - @media (max-width: 499px) { - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { - grid-column: 2 /span 9; } } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { padding-top: 2rem; width: 600px; max-height: 360px; - object-fit: cover; } + object-fit: contain; } @media (max-width: 1008px) { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { width: 100%; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { padding-top: 2rem; width: 100%; - object-fit: cover; } } + object-fit: contain; } } + @media (max-width: 568px) { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { + grid-column: 3 /span 8; } } + @media (max-width: 499px) { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { + grid-column: 2 /span 8; } } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images blockquote { margin-left: 0em; font-size: 0.8rem; } diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js index 82f6501..8cbac4f 100644 --- a/web/themes/custom/eql/scripts/main.js +++ b/web/themes/custom/eql/scripts/main.js @@ -183,6 +183,7 @@ jQuery(function($) { $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({ dots: true, arrows: false, + adaptiveHeight: true, responsive: [ { breakpoint: 800, diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index 22a20ee..20d5317 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -66,12 +66,12 @@ font-family: "Source Code Pro"; font-size: 2.5rem; font-weight: 500; - // @media (max-width: 810px){ - // width: 70%; - // margin-left: 10%; - // margin-right: 10%; - // font-size: 1.9em; - // } + @media (max-width: 810px){ + // width: 70%; + // margin-left: 10%; + // margin-right: 10%; + font-size: 1.9em; + } } @@ -138,40 +138,31 @@ @media (max-width: 499px){ grid-column: 2 /span 9; } - // @media (max-width: 810px){ - // margin-left: 10%; - // } } .block-entity-fieldnodefield-images{ - // grid-column-start: 5; - // grid-column-end: 9; grid-column: 5 / span 9; - @media (max-width: 568px){ - grid-column: 3 /span 9; - } - @media (max-width: 499px){ - grid-column: 2 /span 9; - } img{ padding-top: 2rem; width: 600px; - // height: auto; max-height: 360px; - object-fit: cover; + object-fit: contain; } - - // position: relative; - // bottom: -50%; @media (max-width: 1008px){ width: 100%; img{ padding-top: 2rem; width: 100%; - object-fit: cover; + object-fit: contain; } } + @media (max-width: 568px){ + grid-column: 3 /span 8; + } + @media (max-width: 499px){ + grid-column: 2 /span 8; + } blockquote{ margin-left: 0em; font-size: 0.8rem;