responsive actu home

This commit is contained in:
2025-09-22 17:38:24 +02:00
parent 98de7de265
commit 8239170aef
2 changed files with 11 additions and 12 deletions
+5 -6
View File
@@ -586,7 +586,7 @@ svg.ext {
}
@media (max-width: 810px) {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite {
width: 65%;
width: 90%;
height: auto;
}
}
@@ -639,9 +639,8 @@ svg.ext {
}
@media (max-width: 680px) {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_photo .field--name-field-images .field__item img {
height: 200px;
max-height: 200px;
object-fit: cover;
max-width: 70vw;
margin: auto;
padding-left: 0;
padding-bottom: 1rem;
@@ -668,9 +667,9 @@ svg.ext {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date {
font-size: 1.3rem;
}
@media (min-width: 811px) {
@media (max-width: 811px) {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date {
font-size: 0.9rem;
font-size: 1rem;
}
}
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date div {
@@ -714,7 +713,7 @@ svg.ext {
}
@media (max-width: 810px) {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-title {
font-size: 1rem;
font-size: 0.9rem;
padding-top: 0.5rem;
}
}
+6 -6
View File
@@ -49,7 +49,7 @@
margin-bottom: 2rem;
@media (max-width: 810px){
width: 65%;
width: 90%;
height: auto;
}
@@ -95,9 +95,9 @@
max-height: 400px;
}
@media (max-width: 680px){
height: 200px;
max-height: 200px;
object-fit: cover;
max-width: 70vw;
// max-width: 70vw;
margin: auto;
padding-left: 0;
padding-bottom: 1rem;
@@ -131,9 +131,9 @@
}
.field--name-field-date{
font-size: 1.3rem;
@media (min-width: 811px) {
@media (max-width: 811px) {
// margin-top: 5rem;
font-size: 0.9rem;
font-size: 1rem;
}
div{
display: flex !important;
@@ -175,7 +175,7 @@
color: $blue-dark !important;
}
@media(max-width:810px){
font-size: 1rem;
font-size: 0.9rem;
padding-top: 0.5rem;
}
}