bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive ressource

Browse Source
This commit is contained in:
ouidade
2025-06-23 13:13:14 +02:00
parent 3c0e74d03d
commit 7d5b4abd69
2 changed files with 42 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+24
View File
@@ -2230,6 +2230,8 @@ svg.ext {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
width: 100vw; width: 100vw;
padding: 0; padding: 0;
width: 100%;
height: auto;
} }
} }
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
@@ -2347,6 +2349,11 @@ svg.ext {
font-size: 2rem; font-size: 2rem;
margin-bottom: 0; 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 { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p {
margin-bottom: 0; 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 { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p {
margin: 0; 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 { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs {
display: inline-flex; display: inline-flex;
margin-top: 0.5rem; margin-top: 0.5rem;
@@ -2486,6 +2509,7 @@ svg.ext {
height: fit-content; height: fit-content;
border: 2px solid rgb(0, 158, 227); border: 2px solid rgb(0, 158, 227);
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
order: 2;
} }
.page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers { .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers {
min-height: 4rem; min-height: 4rem;
web/themes/custom/eql/scss/pages/_ressource.scss
+18 -3
View File
@@ -40,8 +40,10 @@
} }
@media (max-width: 550px) { @media (max-width: 550px) {
width: 100vw; width: 100vw;
padding: 0; padding: 0;
width: 100%;
height: auto;
} }
img{ img{
border: solid 1px gray; border: solid 1px gray;
@@ -128,6 +130,9 @@
margin-bottom: 0; margin-bottom: 0;
} }
} }
@media (max-width: 550px) {
font-size: 1rem;
}
} }
.block-entity-fieldnodefield-edition{ .block-entity-fieldnodefield-edition{
.field--name-field-edition{ .field--name-field-edition{
@@ -146,10 +151,20 @@
p{ p{
margin: 0; 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{ .block-entity-fieldnodefield-date-de-parution{
@media (max-width: 550px) {
margin-top: 0rem;
}
} }
.block-entity-fieldnodefield-mots-clefs{ .block-entity-fieldnodefield-mots-clefs{
.field--name-field-mots-clefs{ .field--name-field-mots-clefs{
@@ -287,7 +302,7 @@
height: fit-content; height: fit-content;
border: 2px solid $blue-light; border: 2px solid $blue-light;
background-color: $white; background-color: $white;
order: 2;
} }
.field--name-field-fichiers{ .field--name-field-fichiers{
min-height: 4rem; min-height: 4rem;