teaser projets en images
This commit is contained in:
+11
-2
@@ -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 {
|
.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;
|
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 {
|
.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;
|
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 {
|
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 3fr 1fr !important;
|
grid-template-columns: 2fr 1fr !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
gap: 1rem;
|
column-gap: 1rem;
|
||||||
align-items: start;
|
align-items: start;
|
||||||
}
|
}
|
||||||
@media (max-width: 479px) {
|
@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 {
|
.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%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
margin-top: 1rem;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
border: 1px solid #ccc;
|
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) {
|
@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 {
|
.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;
|
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 {
|
.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-title {
|
||||||
grid-row: 3;
|
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 {
|
.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;
|
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 {
|
.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;
|
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 {
|
.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;
|
grid-row: 7;
|
||||||
|
|||||||
@@ -463,6 +463,12 @@
|
|||||||
// width: 80%;
|
// width: 80%;
|
||||||
// border-top: solid 1px rgba(0, 0, 0, 0.3);
|
// 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{
|
.view-type-slide.type-presse{
|
||||||
order: 5;
|
order: 5;
|
||||||
&::before{
|
&::before{
|
||||||
|
|||||||
@@ -273,10 +273,11 @@ article.node-type-ressource{
|
|||||||
article.node-type-ressource.type-les-projets-en-images {
|
article.node-type-ressource.type-les-projets-en-images {
|
||||||
.wrapper-ressource {
|
.wrapper-ressource {
|
||||||
display: grid;
|
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
|
width: 100%; // ✅ force la grille à s'étaler sur toute la ligne
|
||||||
max-width: 100%; // ✅ limite d'expansion
|
max-width: 100%; // ✅ limite d'expansion
|
||||||
gap: 1rem;
|
// gap: 1rem;
|
||||||
|
column-gap: 1rem;
|
||||||
align-items: start;
|
align-items: start;
|
||||||
@media (max-width: 479px) {
|
@media (max-width: 479px) {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -290,12 +291,14 @@ article.node-type-ressource{
|
|||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
margin-top: 1rem;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.field__item{
|
.field__item{
|
||||||
|
height: fit-content;
|
||||||
@media (max-width: 479px) {
|
@media (max-width: 479px) {
|
||||||
// margin-bottom: 4rem;
|
// margin-bottom: 4rem;
|
||||||
height: auto;
|
height: auto;
|
||||||
@@ -325,7 +328,9 @@ article.node-type-ressource{
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.field--name-title{
|
.field--name-title{
|
||||||
|
// h2{font-size: 0.9rem;}
|
||||||
grid-row: 3;
|
grid-row: 3;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
.field--name-field-sous-titre{
|
.field--name-field-sous-titre{
|
||||||
grid-row: 4;
|
grid-row: 4;
|
||||||
@@ -335,6 +340,7 @@ article.node-type-ressource{
|
|||||||
}
|
}
|
||||||
.field--name-field-edition{
|
.field--name-field-edition{
|
||||||
grid-row: 6;
|
grid-row: 6;
|
||||||
|
line-height: 1;
|
||||||
}
|
}
|
||||||
.field--name-field-date-de-parution{
|
.field--name-field-date-de-parution{
|
||||||
grid-row: 7;
|
grid-row: 7;
|
||||||
|
|||||||
Reference in New Issue
Block a user