diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 9890b42..36d474f 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -4372,7 +4372,6 @@ body { display: flex; flex-direction: column; 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 { content: ""; @@ -4395,12 +4394,12 @@ body { padding-bottom: 0.5rem; } .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos { - column-count: 3; /* 3 colonnes */ - column-gap: 1.5rem; /* espace entre les colonnes */ + column-count: 3; + column-gap: 1.5rem; } .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 */ - margin-bottom: 0.5rem !important; /* petit espace entre les blocs */ + break-inside: avoid; + margin-bottom: 0.5rem !important; margin: 0; } .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_presentation.is-open { - max-height: 1000px; /* assez grand pour contenir le contenu */ + max-height: 1000px; opacity: 1; } .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; font-size: 0.4rem; 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 { content: ""; @@ -5194,6 +5197,7 @@ main { object-fit: cover; } #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node { + visibility: hidden; width: fit-content; padding-left: 0.5rem; background: black; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss index ff308fc..e629fea 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss @@ -56,7 +56,10 @@ main{ margin-bottom: 2rem; font-size: 0.4rem; position: relative; - + transition: transform 0.4s ease-in-out; + &:hover { + transform: scale(1.05); + } &::before { content: ""; position: absolute; @@ -107,6 +110,7 @@ main{ object-fit: cover; } .views-field-view-node{ + visibility: hidden; width: fit-content; padding-left: 0.5rem; background: black; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss index 0ca7ab8..97fc6ea 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss @@ -135,7 +135,6 @@ left: 0.5rem; width: 2.5rem; height: 2.5rem; - // background-color: #f6f7f3; background-image: url("../img/laureat-ouvert.svg"); background-repeat: no-repeat; background-position: center; @@ -153,11 +152,11 @@ padding-bottom: 0.5rem; } .field_field_infos{ - column-count: 3; /* 3 colonnes */ - column-gap: 1.5rem; /* espace entre les colonnes */ + column-count: 3; + column-gap: 1.5rem; .infos-projet{ - break-inside: avoid; /* évite qu’un bloc soit coupé entre deux colonnes */ - margin-bottom: 0.5rem !important; /* petit espace entre les blocs */ + break-inside: avoid; + margin-bottom: 0.5rem !important; margin: 0; h4{ margin: 0; @@ -204,10 +203,9 @@ opacity 0.8s ease; } - /* Quand ouvert */ .field_field_equipe_photo.is-open, .field_field_equipe_presentation.is-open { - max-height: 1000px; /* assez grand pour contenir le contenu */ + max-height: 1000px; opacity: 1; }