@media teaser ressource image

This commit is contained in:
2025-06-09 01:53:07 +02:00
parent f19639719e
commit c084bf159f
3 changed files with 200 additions and 9 deletions
+93 -3
View File
@@ -5868,6 +5868,17 @@ svg.ext {
}
}
div.view-type-slide:nth-child(2) > div:nth-child(4) {
padding-left: 0 !important;
}
div.view-type-slide:nth-child(2) > div:nth-child(4) .slick-list {
padding-left: 8% !important;
padding-right: 8% !important;
}
div.view-type-slide:nth-child(2) > div:nth-child(4) article {
padding-right: 0;
}
.carousel {
display: none;
}
@@ -7083,7 +7094,86 @@ article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--
article.node-type-ressource.type-presse .field--name-field-images {
display: none;
}
article.node-type-ressource article.node-type-ressource.type-les-projets-en-images .views-row-wrapper {
display: flex;
background: lawngreen;
.type-les-projets-en-images.views-row {
width: 50% !important;
min-width: 550px !important;
max-width: 0 !important;
}
@media (max-width: 479px) {
.type-les-projets-en-images.views-row {
min-width: 100% !important;
}
}
.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;
width: 100%;
max-width: 100%;
gap: 1rem;
align-items: start;
}
@media (max-width: 479px) {
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource {
display: flex;
flex-direction: column;
}
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images {
grid-column: 1;
grid-row: 3/span 8;
width: 100%;
}
.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;
object-fit: cover;
border: 1px solid #ccc;
}
@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;
}
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-type-de-media {
grid-column: 1/span 2;
grid-row: 2;
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-type-de-ressource {
grid-column: 1/span 2;
grid-row: 1;
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-title,
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-sous-titre,
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-auteur-s-,
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-edition,
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-date-de-parution,
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-mots-clefs {
grid-column: 2;
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-title {
grid-row: 3;
}
.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;
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-auteur-s- {
grid-row: 5;
}
.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;
}
.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;
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-mots-clefs {
grid-row: 8;
}
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource h2, .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource p {
margin: 0;
padding: 0;
}