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

css ressource

Browse Source
This commit is contained in:
ouidade
2024-10-11 16:27:31 +02:00
parent 50343fc83b
commit 91befd8480
2 changed files with 50 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+27 -5
View File
@@ -2136,6 +2136,11 @@ a {
padding-top: 4rem; padding-top: 4rem;
/* Hide empty blocks */ /* Hide empty blocks */
} }
@media (max-width: 550px) {
.page-node-type-ressource .layout__region--top {
padding-top: 0rem;
}
}
.page-node-type-ressource .layout__region--top .block-region-top { .page-node-type-ressource .layout__region--top .block-region-top {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -2150,11 +2155,11 @@ a {
.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: fit-content; width: fit-content;
padding-right: 2rem; padding-right: 2rem;
padding-left: 30%; padding-left: 25%;
} }
@media screen and (min-width: 1100px) { @media screen and (min-width: 1100px) {
.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 {
grid-column: 1/2; grid-column: 1;
grid-row: 1/span 7; /* Prendre toutes les lignes disponibles */ grid-row: 1/span 7; /* Prendre toutes les lignes disponibles */
align-self: start; /* S'assurer qu'il commence en haut */ align-self: start; /* S'assurer qu'il commence en haut */
} }
@@ -2164,6 +2169,12 @@ a {
padding-left: 13%; padding-left: 13%;
} }
} }
@media (max-width: 550px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
width: 100vw;
padding: 0;
}
}
.page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640, .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle,
@@ -2198,9 +2209,9 @@ a {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
width: auto; width: auto;
margin-left: 5%; margin-left: 7rem;
margin-right: 15%; margin-right: 1;
grid-column: 2/3; grid-column: 3/4;
align-self: start; /* S'assurer qu'il commence en haut */ align-self: start; /* S'assurer qu'il commence en haut */
height: fit-content; height: fit-content;
} }
@@ -2251,6 +2262,12 @@ a {
font-size: 2rem; font-size: 2rem;
font-weight: 600; font-weight: 600;
} }
@media (max-width: 550px) {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-size: 1.5rem;
width: 80vw;
}
}
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre .field--name-field-edition p { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre .field--name-field-edition p {
margin-bottom: 0; margin-bottom: 0;
} }
@@ -2353,6 +2370,11 @@ a {
.page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long { .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
padding-right: 2rem; padding-right: 2rem;
} }
@media (max-width: 550px) {
.page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
padding-right: 0;
}
}
.page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes p { .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes p {
margin-top: 0; margin-top: 0;
} }
web/themes/custom/eql/scss/pages/_ressource.scss
+23 -5
View File
@@ -4,6 +4,9 @@
// #block-contenudelapageprincipale{ // #block-contenudelapageprincipale{
.layout__region--top{ .layout__region--top{
padding-top: 4rem; padding-top: 4rem;
@media (max-width: 550px) {
padding-top: 0rem;
}
.block-region-top{ .block-region-top{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -24,18 +27,22 @@
width: fit-content; width: fit-content;
// margin: auto; // margin: auto;
padding-right: 2rem; padding-right: 2rem;
padding-left: 30%; padding-left: 25%;
@media screen and (min-width:1100px) { @media screen and (min-width:1100px) {
// grid-column: 2/span 4; // grid-column: 2/span 4;
// grid-row: 1 /span 5; // grid-row: 1 /span 5;
grid-column: 1 / 2; grid-column: 1;
grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */ grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */
align-self: start; /* S'assurer qu'il commence en haut */ align-self: start; /* S'assurer qu'il commence en haut */
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {
padding-left: 13%; padding-left: 13%;
} }
@media (max-width: 550px) {
width: 100vw;
padding: 0;
}
} }
.block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640, .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
@@ -54,9 +61,9 @@
} }
@media screen and (min-width: 1100px) { @media screen and (min-width: 1100px) {
width: auto; width: auto;
margin-left: 5%; margin-left: 7rem;
margin-right: 15%; margin-right: 1;
grid-column: 2 / 3; grid-column: 3 / 4;
align-self: start; /* S'assurer qu'il commence en haut */ align-self: start; /* S'assurer qu'il commence en haut */
height: fit-content ; height: fit-content ;
p{margin: 0;} p{margin: 0;}
@@ -66,6 +73,8 @@
margin-left: 9%; margin-left: 9%;
margin-right: 9%; margin-right: 9%;
} }
} }
.block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{ .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{
@@ -120,6 +129,12 @@
// grid-row: 2; // grid-row: 2;
// } // }
.field--name-title{
@media (max-width: 550px) {
font-size: 1.5rem;
width: 80vw;
}
}
} }
.block-entity-fieldnodefield-sous-titre{ .block-entity-fieldnodefield-sous-titre{
@@ -302,6 +317,9 @@
} }
.field--type-text-long{ .field--type-text-long{
padding-right: 2rem; padding-right: 2rem;
@media (max-width: 550px){
padding-right: 0;
}
} }
p{ p{
margin-top: 0; margin-top: 0;