bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

#3523

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-25 15:03:21 +01:00
parent f0f9ad9455
commit bf71300dfe
3 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -4372,7 +4372,6 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 2rem; padding-left: 2rem;
/* Quand ouvert */
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_laureats:has(.laureat:not(:empty))::before { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_laureats:has(.laureat:not(:empty))::before {
content: ""; content: "";
@@ -4395,12 +4394,12 @@ body {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos {
column-count: 3; /* 3 colonnes */ column-count: 3;
column-gap: 1.5rem; /* espace entre les colonnes */ column-gap: 1.5rem;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos .infos-projet { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos .infos-projet {
break-inside: avoid; /* évite qu’un bloc soit coupé entre deux colonnes */ break-inside: avoid;
margin-bottom: 0.5rem !important; /* petit espace entre les blocs */ margin-bottom: 0.5rem !important;
margin: 0; margin: 0;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos .infos-projet h4 { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos .infos-projet h4 {
@@ -4443,7 +4442,7 @@ body {
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_equipe_photo.is-open, .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_equipe_photo.is-open,
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_equipe_presentation.is-open { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_equipe_presentation.is-open {
max-height: 1000px; /* assez grand pour contenir le contenu */ max-height: 1000px;
opacity: 1; opacity: 1;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .btn-equipe-toggle { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .btn-equipe-toggle {
@@ -5110,6 +5109,10 @@ main {
margin-bottom: 2rem; margin-bottom: 2rem;
font-size: 0.4rem; font-size: 0.4rem;
position: relative; position: relative;
transition: transform 0.4s ease-in-out;
}
#lesprojets .content_container .views-element-container .views-row .views-field-group:hover {
transform: scale(1.05);
} }
#lesprojets .content_container .views-element-container .views-row .views-field-group::before { #lesprojets .content_container .views-element-container .views-row .views-field-group::before {
content: ""; content: "";
@@ -5194,6 +5197,7 @@ main {
object-fit: cover; object-fit: cover;
} }
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node { #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node {
visibility: hidden;
width: fit-content; width: fit-content;
padding-left: 0.5rem; padding-left: 0.5rem;
background: black; background: black;

6
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss
View File

@@ -56,7 +56,10 @@ main{
margin-bottom: 2rem; margin-bottom: 2rem;
font-size: 0.4rem; font-size: 0.4rem;
position: relative; position: relative;
transition: transform 0.4s ease-in-out;
&:hover {
transform: scale(1.05);
}
&::before { &::before {
content: ""; content: "";
position: absolute; position: absolute;
@@ -107,6 +110,7 @@ main{
object-fit: cover; object-fit: cover;
} }
.views-field-view-node{ .views-field-view-node{
visibility: hidden;
width: fit-content; width: fit-content;
padding-left: 0.5rem; padding-left: 0.5rem;
background: black; background: black;

12
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
View File

@@ -135,7 +135,6 @@
left: 0.5rem; left: 0.5rem;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
// background-color: #f6f7f3;
background-image: url("../img/laureat-ouvert.svg"); background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@@ -153,11 +152,11 @@
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
.field_field_infos{ .field_field_infos{
column-count: 3; /* 3 colonnes */ column-count: 3;
column-gap: 1.5rem; /* espace entre les colonnes */ column-gap: 1.5rem;
.infos-projet{ .infos-projet{
break-inside: avoid; /* évite qu’un bloc soit coupé entre deux colonnes */ break-inside: avoid;
margin-bottom: 0.5rem !important; /* petit espace entre les blocs */ margin-bottom: 0.5rem !important;
margin: 0; margin: 0;
h4{ h4{
margin: 0; margin: 0;
@@ -204,10 +203,9 @@
opacity 0.8s ease; opacity 0.8s ease;
} }
/* Quand ouvert */
.field_field_equipe_photo.is-open, .field_field_equipe_photo.is-open,
.field_field_equipe_presentation.is-open { .field_field_equipe_presentation.is-open {
max-height: 1000px; /* assez grand pour contenir le contenu */ max-height: 1000px;
opacity: 1; opacity: 1;
} }