responsive ressource

This commit is contained in:
2025-06-23 13:13:14 +02:00
parent 3c0e74d03d
commit 7d5b4abd69
2 changed files with 42 additions and 3 deletions
+24
View File
@@ -2230,6 +2230,8 @@ svg.ext {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
width: 100vw;
padding: 0;
width: 100%;
height: auto;
}
}
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
@@ -2347,6 +2349,11 @@ svg.ext {
font-size: 2rem;
margin-bottom: 0;
}
@media (max-width: 550px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
font-size: 1rem;
}
}
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p {
margin-bottom: 0;
}
@@ -2359,6 +2366,22 @@ svg.ext {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p {
margin: 0;
}
@media (max-width: 550px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- {
margin-top: 0rem;
}
}
@media (max-width: 550px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- {
font-size: 1rem;
margin-top: 1rem;
}
}
@media (max-width: 550px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution {
margin-top: 0rem;
}
}
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs {
display: inline-flex;
margin-top: 0.5rem;
@@ -2486,6 +2509,7 @@ svg.ext {
height: fit-content;
border: 2px solid rgb(0, 158, 227);
background-color: rgb(255, 255, 255);
order: 2;
}
.page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers {
min-height: 4rem;
@@ -40,8 +40,10 @@
}
@media (max-width: 550px) {
width: 100vw;
padding: 0;
width: 100vw;
padding: 0;
width: 100%;
height: auto;
}
img{
border: solid 1px gray;
@@ -128,6 +130,9 @@
margin-bottom: 0;
}
}
@media (max-width: 550px) {
font-size: 1rem;
}
}
.block-entity-fieldnodefield-edition{
.field--name-field-edition{
@@ -146,10 +151,20 @@
p{
margin: 0;
}
@media (max-width: 550px) {
margin-top: 0rem;
}
}
@media (max-width: 550px) {
font-size: 1rem;
margin-top: 1rem;
}
}
.block-entity-fieldnodefield-date-de-parution{
@media (max-width: 550px) {
margin-top: 0rem;
}
}
.block-entity-fieldnodefield-mots-clefs{
.field--name-field-mots-clefs{
@@ -287,7 +302,7 @@
height: fit-content;
border: 2px solid $blue-light;
background-color: $white;
order: 2;
}
.field--name-field-fichiers{
min-height: 4rem;