bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive /activites

Browse Source
This commit is contained in:
ouidade
2025-10-14 15:40:01 +02:00
parent 4a81d84919
commit 0d76de3f1f
2 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+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) { @media (max-width: 891px) {
.page-actualites .view-actus .views-row .node-type-actualite { .page-actualites .view-actus .views-row .node-type-actualite {
width: 100% !important; width: 100% !important;
margin-bottom: 2rem;
} }
} }
.page-actualites .view-actus .views-row .node-type-actualite .entete_actu { .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; height: 15rem;
object-fit: cover; 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 { .page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content {
height: fit-content; height: fit-content;
width: 100%; 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; padding-top: 0.2rem;
font-weight: 600; 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 { .page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
padding-top: 0 rem; padding-top: 0 rem;
font-size: 1.2rem; 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 { .page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content .field--name-field-date {
padding-top: 0.2rem; padding-top: 0.2rem;
} }
web/themes/custom/reha/scss/pages/_actualites.scss
+10
View File
@@ -33,6 +33,7 @@
width: 30vw !important; width: 30vw !important;
@media (max-width:891px) { @media (max-width:891px) {
width: 100% !important; width: 100% !important;
margin-bottom: 2rem;
} }
.entete_actu{ .entete_actu{
flex-direction: column; flex-direction: column;
@@ -43,6 +44,9 @@
width: 100%; width: 100%;
height: 15rem; height: 15rem;
object-fit: cover; object-fit: cover;
@media(max-width:810px){
height: 10rem;
}
} }
} }
.infos-content{ .infos-content{
@@ -57,10 +61,16 @@
margin-left: 0; margin-left: 0;
padding-top: 0.2rem; padding-top: 0.2rem;
font-weight: 600; font-weight: 600;
@media(max-width:810px){
font-size: 1rem;
}
} }
.field--name-field-sous-titre{ .field--name-field-sous-titre{
padding-top: 0 rem; padding-top: 0 rem;
font-size: 1.2rem; font-size: 1.2rem;
@media(max-width:810px){
font-size: 1rem;
}
} }
.field--name-field-date{ .field--name-field-date{
padding-top: 0.2rem; padding-top: 0.2rem;