badge lauréat sur /lesprojets

This commit is contained in:
2025-11-07 15:22:40 +01:00
parent 8b8f8945ed
commit 81fa7dd7bf
2 changed files with 44 additions and 4 deletions

View File

@@ -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;

View File

@@ -113,9 +113,7 @@ main{
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
:hover{
}
.field-content{
ul{
display: flex;
@@ -131,10 +129,32 @@ main{
&: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;