slide home max height

This commit is contained in:
2023-07-14 15:07:23 +02:00
parent 22499b1434
commit 404dc094d1
2 changed files with 16 additions and 8 deletions
@@ -435,12 +435,18 @@ a {
@media (max-width: 724px) { @media (max-width: 724px) {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 { .path-frontpage .block-views-blockactus-blocks-pages-block-1 {
max-height: 470px; } } 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 { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div {
height: 100%; } height: 100%; }
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages {
height: 100%; } height: 100%; }
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content {
height: 90%; } 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 { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite {
color: black; color: black;
line-height: 1.5rem; line-height: 1.5rem;
+10 -8
View File
@@ -15,20 +15,21 @@
@media(max-width:724px){ @media(max-width:724px){
max-height: 470px; max-height: 470px;
} }
@media(max-width: 479px){
max-height: fit-content;
}
div{ div{
height: 100%; height: 100%;
.view-actus-blocks-pages{ .view-actus-blocks-pages{
height: 100%; height: 100%;
.view-content{ .view-content{
// display: flex;
// flex-basis: auto;
height: 90%; height: 90%;
.slick-list{
// @media (max-width: 479px){ @media(max-width: 479px){
// display: flex; height: fit-content !important;
// flex-direction: column; }
// width: 80%; }
// }
.views-row{ .views-row{
.node-type-actualite{ .node-type-actualite{
color: $black; color: $black;
@@ -379,6 +380,7 @@
@media(max-width: 810px){ @media(max-width: 810px){
flex-direction: column; flex-direction: column;
} }
.views-row{ .views-row{
width: 49%; width: 49%;
@media(max-width: 810px){ @media(max-width: 810px){