From 81fa7dd7bfbf415092df64d6c6029943789ff90c Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 7 Nov 2025 15:22:40 +0100
Subject: [PATCH] =?UTF-8?q?badge=20laur=C3=A9at=20sur=20/lesprojets?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dist/assets/css/bundle.css                | 19 ++++++++++++
 .../src/assets/scss/pages/lesprojets.scss     | 29 ++++++++++++++++---
 2 files changed, 44 insertions(+), 4 deletions(-)

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 e462b6c..5d3366e 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
@@ -4948,10 +4948,28 @@ main {
   font-size: 0.4rem;
   width: 80%;
   transition: transform 0.4s ease-in-out;
+  position: relative;
 }
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet:hover {
   transform: scale(1.05); /* effet de zoom léger */
 }
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet:has(.laureat:not(:empty)) {
+  z-index: 0;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet:has(.laureat:not(:empty))::before {
+  content: "";
+  position: absolute;
+  top: -1rem;
+  left: -1rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  background-color: #f6f7f3;
+  background-image: url("../img/LAUREAT.svg");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  z-index: -1;
+}
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet div {
   display: flex;
   flex-direction: column;
@@ -4970,6 +4988,7 @@ main {
 }
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_laureats {
   order: 1;
+  font-size: 0px;
 }
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe {
   order: 3;
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 5c4a7d4..d0a5f80 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
@@ -113,9 +113,7 @@ main{
                         margin-right: 0;
                         margin-top: 0;
                         margin-bottom: 0;
-                        :hover{
-
-                        }
+                       
                     .field-content{
                         ul{
                             display: flex;
@@ -130,11 +128,33 @@ main{
                                     transition: transform 0.4s ease-in-out; // animation plus fluide
                                     &:hover {
                                         transform: scale(1.05); /* effet de zoom léger */
-                                      }
+                                        }
+                                        position: relative;
+                                        &:has(.laureat:not(:empty)){
+                                            z-index: 0;
+                                            
+                                        }
+                                        &:has(.laureat:not(:empty))::before {
+                                            content: "";
+                                            position: absolute;
+                                            // display: block;
+                                            top: -1rem;
+                                            left: -1rem;
+                                            width: 2.5rem;
+                                            height: 2.5rem;
+                                            background-color: #f6f7f3;
+                                            background-image: url("../img/LAUREAT.svg");
+                                            background-repeat: no-repeat;
+                                            background-position: center;
+                                            background-size: contain;
+                                            z-index: -1;
+                                            
+                                        }
                                    
                                     div{
                                         display: flex;
                                         flex-direction: column;
+                                        
                                     }
                                     .field_field_image{
                                         order: 2;
@@ -151,6 +171,7 @@ main{
     
                                     .field_field_laureats{
                                         order: 1;
+                                        font-size: 0px;
                                     }
                                     .field_field_nom_de_l_equipe{
                                         order: 3;