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

teaser projets en images

Browse Source
This commit is contained in:
ouidade
2025-06-10 13:31:24 +02:00
parent 16193a5ea4
commit df00cbbd5e
3 changed files with 25 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+11 -2
View File
@@ -5685,6 +5685,9 @@ svg.ext {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-les-projets-en-images {
order: 3;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-les-projets-en-images .slick-list {
padding-left: 0 !important;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-presse {
order: 5;
}
@@ -7105,10 +7108,10 @@ article.node-type-ressource.type-presse .field--name-field-images {
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource {
display: grid;
grid-template-columns: 3fr 1fr !important;
grid-template-columns: 2fr 1fr !important;
width: 100%;
max-width: 100%;
gap: 1rem;
column-gap: 1rem;
align-items: start;
}
@media (max-width: 479px) {
@@ -7125,9 +7128,13 @@ article.node-type-ressource.type-presse .field--name-field-images {
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images img {
width: 100%;
height: auto;
margin-top: 1rem;
object-fit: cover;
border: 1px solid #ccc;
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images .field__item {
height: fit-content;
}
@media (max-width: 479px) {
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images .field__item {
height: auto;
@@ -7155,6 +7162,7 @@ article.node-type-ressource.type-presse .field--name-field-images {
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-title {
grid-row: 3;
margin-bottom: 0.5rem;
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-sous-titre {
grid-row: 4;
@@ -7164,6 +7172,7 @@ article.node-type-ressource.type-presse .field--name-field-images {
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-edition {
grid-row: 6;
line-height: 1;
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-date-de-parution {
grid-row: 7;
web/themes/custom/eql/scss/pages/ressources.scss
+6
View File
@@ -463,6 +463,12 @@
// width: 80%;
// border-top: solid 1px rgba(0, 0, 0, 0.3);
}
.view-type-slide.type-les-projets-en-images{
.slick-list{
padding-left: 0 !important;
}
}
.view-type-slide.type-presse{
order: 5;
&::before{
web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss
+8 -2
View File
@@ -273,10 +273,11 @@ article.node-type-ressource{
article.node-type-ressource.type-les-projets-en-images {
.wrapper-ressource {
display: grid;
grid-template-columns: 3fr 1fr !important; // ✅ 85% pour image, 15% pour texte
grid-template-columns: 2fr 1fr !important; // ✅ 85% pour image, 15% pour texte
width: 100%; // ✅ force la grille à s'étaler sur toute la ligne
max-width: 100%; // ✅ limite d'expansion
gap: 1rem;
// gap: 1rem;
column-gap: 1rem;
align-items: start;
@media (max-width: 479px) {
display: flex;
@@ -290,12 +291,14 @@ article.node-type-ressource{
img {
width: 100%;
height: auto;
margin-top: 1rem;
object-fit: cover;
border: 1px solid #ccc;
}
.field__item{
height: fit-content;
@media (max-width: 479px) {
// margin-bottom: 4rem;
height: auto;
@@ -325,7 +328,9 @@ article.node-type-ressource{
margin: 0;
}
.field--name-title{
// h2{font-size: 0.9rem;}
grid-row: 3;
margin-bottom: 0.5rem;
}
.field--name-field-sous-titre{
grid-row: 4;
@@ -335,6 +340,7 @@ article.node-type-ressource{
}
.field--name-field-edition{
grid-row: 6;
line-height: 1;
}
.field--name-field-date-de-parution{
grid-row: 7;