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

badge lauréat sur /lesprojets

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-07 15:22:40 +01:00
parent 8b8f8945ed
commit 81fa7dd7bf
2 changed files with 44 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4948,10 +4948,28 @@ main {
font-size: 0.4rem; font-size: 0.4rem;
width: 80%; width: 80%;
transition: transform 0.4s ease-in-out; 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 { #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 */ 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 { #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet div {
display: flex; display: flex;
flex-direction: column; 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 { #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; 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 { #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; order: 3;

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

@@ -113,9 +113,7 @@ main{
margin-right: 0; margin-right: 0;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
:hover{
}
.field-content{ .field-content{
ul{ ul{
display: flex; display: flex;
@@ -130,11 +128,33 @@ main{
transition: transform 0.4s ease-in-out; // animation plus fluide transition: transform 0.4s ease-in-out; // animation plus fluide
&:hover { &:hover {
transform: scale(1.05); /* effet de zoom léger */ 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{ div{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.field_field_image{ .field_field_image{
order: 2; order: 2;
@@ -151,6 +171,7 @@ main{
.field_field_laureats{ .field_field_laureats{
order: 1; order: 1;
font-size: 0px;
} }
.field_field_nom_de_l_equipe{ .field_field_nom_de_l_equipe{
order: 3; order: 3;