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

responsive 1 actualité

Browse Source
This commit is contained in:
ouidade
2025-10-03 14:23:02 +02:00
parent 0ca64c9ba4
commit 56c1cb1e89
2 changed files with 48 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+32 -1
View File
@@ -3479,6 +3479,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin: auto; margin: auto;
align-items: center; align-items: center;
} }
@media (max-width: 891px) {
.node-type-actualite .entete_actu {
flex-direction: column;
width: 100%;
}
}
.node-type-actualite .entete_actu .image-actualite { .node-type-actualite .entete_actu .image-actualite {
width: 50%; width: 50%;
height: 100%; height: 100%;
@@ -3500,18 +3506,43 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
@media (max-width: 900px) { @media (max-width: 900px) {
.node-type-actualite .entete_actu .infos-content { .node-type-actualite .entete_actu .infos-content {
width: 45%; width: 50%;
height: fit-content; height: fit-content;
} }
.node-type-actualite .entete_actu .infos-content h1 {
font-size: 1.2rem;
}
.node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
font-size: 1rem;
}
.node-type-actualite .entete_actu .infos-content .field--name-field-site .field__item {
font-size: 0.7rem;
}
.node-type-actualite .entete_actu .infos-content .field--name-field-date {
font-size: 0.6rem;
}
} }
.node-type-actualite .body-content .summary-content { .node-type-actualite .body-content .summary-content {
width: 60%; width: 60%;
margin: auto; margin: auto;
} }
@media (max-width: 891px) {
.node-type-actualite .body-content .summary-content {
width: 80%;
}
}
.node-type-actualite .body-content .links-content { .node-type-actualite .body-content .links-content {
width: 15%; width: 15%;
margin-left: 12.5%; margin-left: 12.5%;
} }
@media (max-width: 891px) {
.node-type-actualite .body-content .links-content {
width: 80%;
}
.node-type-actualite .body-content .links-content .field--name-field-fichiers {
width: fit-content;
}
}
.page-mon-espace-de-travail { .page-mon-espace-de-travail {
/* On cache le texte mais on le garde accessible */ /* On cache le texte mais on le garde accessible */
web/themes/custom/reha/scss/pages/_node-actualite.scss
+16 -1
View File
@@ -6,6 +6,10 @@
width: 75%; width: 75%;
margin: auto; margin: auto;
align-items: center; align-items: center;
@media (max-width:891px) {
flex-direction: column;
width: 100%;
}
.image-actualite{ .image-actualite{
width: 50%; width: 50%;
height: 100%; height: 100%;
@@ -25,8 +29,12 @@
width: 30%; width: 30%;
right: 5%; right: 5%;
@media (max-width: 900px) { @media (max-width: 900px) {
width: 45%; width: 50%;
height: fit-content; height: fit-content;
h1{font-size: 1.2rem;}
.field--name-field-sous-titre{font-size: 1rem;}
.field--name-field-site .field__item{font-size: 0.7rem;}
.field--name-field-date{font-size: 0.6rem;}
} }
} }
@@ -36,10 +44,17 @@
.summary-content{ .summary-content{
width: 60%; width: 60%;
margin: auto; margin: auto;
@media (max-width:891px) {
width: 80%;
}
} }
.links-content{ .links-content{
width: 15%; width: 15%;
margin-left: calc(25%/2); margin-left: calc(25%/2);
@media (max-width:891px) {
width: 80%;
.field--name-field-fichiers{width: fit-content;}
}
} }
} }
} }