diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index f2d3ca0..5a309b8 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -435,12 +435,18 @@ a { @media (max-width: 724px) { .path-frontpage .block-views-blockactus-blocks-pages-block-1 { max-height: 470px; } } + @media (max-width: 479px) { + .path-frontpage .block-views-blockactus-blocks-pages-block-1 { + max-height: fit-content; } } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div { height: 100%; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages { height: 100%; } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content { height: 90%; } + @media (max-width: 479px) { + .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .slick-list { + height: fit-content !important; } } .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite { color: black; line-height: 1.5rem; diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 4084a22..fb28c31 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -15,20 +15,21 @@ @media(max-width:724px){ max-height: 470px; } + @media(max-width: 479px){ + max-height: fit-content; + } + div{ height: 100%; .view-actus-blocks-pages{ height: 100%; .view-content{ - // display: flex; - // flex-basis: auto; height: 90%; - - // @media (max-width: 479px){ - // display: flex; - // flex-direction: column; - // width: 80%; - // } + .slick-list{ + @media(max-width: 479px){ + height: fit-content !important; + } + } .views-row{ .node-type-actualite{ color: $black; @@ -379,6 +380,7 @@ @media(max-width: 810px){ flex-direction: column; } + .views-row{ width: 49%; @media(max-width: 810px){