responsive /activites

This commit is contained in:
2025-10-14 15:40:01 +02:00
parent 4a81d84919
commit 0d76de3f1f
2 changed files with 26 additions and 0 deletions
+16
View File
@@ -3688,6 +3688,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
@media (max-width: 891px) {
.page-actualites .view-actus .views-row .node-type-actualite {
width: 100% !important;
margin-bottom: 2rem;
}
}
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu {
@@ -3702,6 +3703,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
height: 15rem;
object-fit: cover;
}
@media (max-width: 810px) {
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .image-actualite img {
height: 10rem;
}
}
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content {
height: fit-content;
width: 100%;
@@ -3716,10 +3722,20 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-top: 0.2rem;
font-weight: 600;
}
@media (max-width: 810px) {
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content h2 {
font-size: 1rem;
}
}
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
padding-top: 0 rem;
font-size: 1.2rem;
}
@media (max-width: 810px) {
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
font-size: 1rem;
}
}
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content .field--name-field-date {
padding-top: 0.2rem;
}
@@ -33,6 +33,7 @@
width: 30vw !important;
@media (max-width:891px) {
width: 100% !important;
margin-bottom: 2rem;
}
.entete_actu{
flex-direction: column;
@@ -43,6 +44,9 @@
width: 100%;
height: 15rem;
object-fit: cover;
@media(max-width:810px){
height: 10rem;
}
}
}
.infos-content{
@@ -57,10 +61,16 @@
margin-left: 0;
padding-top: 0.2rem;
font-weight: 600;
@media(max-width:810px){
font-size: 1rem;
}
}
.field--name-field-sous-titre{
padding-top: 0 rem;
font-size: 1.2rem;
@media(max-width:810px){
font-size: 1rem;
}
}
.field--name-field-date{
padding-top: 0.2rem;