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;
/* 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 {
display: flex;
flex-direction: column;
@@ -2150,11 +2155,11 @@ a {
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
width: fit-content;
padding-right: 2rem;
padding-left: 30%;
padding-left: 25%;
}
@media screen and (min-width: 1100px) {
.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 */
align-self: start; /* S'assurer qu'il commence en haut */
}
@@ -2164,6 +2169,12 @@ a {
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-entity-fieldnodefield-type-de-ressource,
.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-mots-clefs {
width: auto;
margin-left: 5%;
margin-right: 15%;
grid-column: 2/3;
margin-left: 7rem;
margin-right: 1;
grid-column: 3/4;
align-self: start; /* S'assurer qu'il commence en haut */
height: fit-content;
}
@@ -2251,6 +2262,12 @@ a {
font-size: 2rem;
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 {
margin-bottom: 0;
}
@@ -2353,6 +2370,11 @@ a {
.page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
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 {
margin-top: 0;
}
web/themes/custom/eql/scss/pages/_ressource.scss
+23 -5
View File
@@ -4,6 +4,9 @@
// #block-contenudelapageprincipale{
.layout__region--top{
padding-top: 4rem;
@media (max-width: 550px) {
padding-top: 0rem;
}
.block-region-top{
display: flex;
flex-direction: column;
@@ -24,18 +27,22 @@
width: fit-content;
// margin: auto;
padding-right: 2rem;
padding-left: 30%;
padding-left: 25%;
@media screen and (min-width:1100px) {
// grid-column: 2/span 4;
// grid-row: 1 /span 5;
grid-column: 1 / 2;
grid-column: 1;
grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */
align-self: start; /* S'assurer qu'il commence en haut */
}
@media (max-width: 1100px) {
padding-left: 13%;
}
@media (max-width: 550px) {
width: 100vw;
padding: 0;
}
}
.block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
@@ -54,9 +61,9 @@
}
@media screen and (min-width: 1100px) {
width: auto;
margin-left: 5%;
margin-right: 15%;
grid-column: 2 / 3;
margin-left: 7rem;
margin-right: 1;
grid-column: 3 / 4;
align-self: start; /* S'assurer qu'il commence en haut */
height: fit-content ;
p{margin: 0;}
@@ -66,6 +73,8 @@
margin-left: 9%;
margin-right: 9%;
}
}
.block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{
@@ -120,6 +129,12 @@
// grid-row: 2;
// }
.field--name-title{
@media (max-width: 550px) {
font-size: 1.5rem;
width: 80vw;
}
}
}
.block-entity-fieldnodefield-sous-titre{
@@ -302,6 +317,9 @@
}
.field--type-text-long{
padding-right: 2rem;
@media (max-width: 550px){
padding-right: 0;
}
}
p{
margin-top: 0;