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

toggle partenaires

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-24 13:39:34 +01:00
parent b28ebc5438
commit ac219a3d83
5 changed files with 99 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

@@ -946,7 +946,7 @@ $(document).ready(function () {
////////////////// end class à view-rows-wrapper ////////////////
////////////// toggle page node projet //////////////////
////////////// start toggle page node projet //////////////////
document.addEventListener('DOMContentLoaded', function () {
const photo = document.querySelector('.field_field_equipe_photo');
@@ -983,6 +983,34 @@ btn.insertAdjacentElement('afterend', separator);
});
//////////////end toggle page node projet //////////////////
//////////////start toggle partenaire //////////////////
$(document).ready(function () {
$(".node-type-partenaire").each(function () {
let article = $(this);
let body = article.find(".field_body");
let links = article.find(".field_field_lien");
body.hide();
links.hide();
let toggleButton = $("<button>")
.addClass("toggle-partenaire")
.appendTo(article);
toggleButton.on("click", function () {
body.slideToggle();
links.slideToggle();
$(this).toggleClass("open");
});
});
});
//////////////start toggle partenaire //////////////////
})(jQuery, window);

6
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map vendored
View File

File diff suppressed because one or more lines are too long

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

@@ -3344,6 +3344,25 @@ body {
padding-right: 0.2rem;
padding-left: 0.2rem;
}
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .toggle-partenaire {
display: block;
grid-column: 7;
grid-row: 1;
width: 40px;
height: 40px;
margin: 10px auto;
border: none;
background-color: transparent;
background-image: url("../img/fleche-bas.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
transition: transform 0.3s ease;
}
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .toggle-partenaire.open {
transform: rotate(180deg);
}
#pour_candidater .node-type-static {
width: 80%;

30
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@@ -888,7 +888,7 @@ $(document).ready(function () {
////////////////// end class à view-rows-wrapper ////////////////
////////////// toggle page node projet //////////////////
////////////// start toggle page node projet //////////////////
document.addEventListener('DOMContentLoaded', function () {
const photo = document.querySelector('.field_field_equipe_photo');
@@ -925,6 +925,34 @@ btn.insertAdjacentElement('afterend', separator);
});
//////////////end toggle page node projet //////////////////
//////////////start toggle partenaire //////////////////
$(document).ready(function () {
$(".node-type-partenaire").each(function () {
let article = $(this);
let body = article.find(".field_body");
let links = article.find(".field_field_lien");
body.hide();
links.hide();
let toggleButton = $("<button>")
.addClass("toggle-partenaire")
.appendTo(article);
toggleButton.on("click", function () {
body.slideToggle();
links.slideToggle();
$(this).toggleClass("open");
});
});
});
//////////////start toggle partenaire //////////////////
})(jQuery, window);

21
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss
View File

@@ -121,6 +121,27 @@
}
}
}
.toggle-partenaire {
display: block;
grid-column: 7;
grid-row: 1;
width: 40px;
height: 40px;
margin: 10px auto;
border: none;
background-color: transparent;
background-image: url("../img/fleche-bas.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
transition: transform 0.3s ease;
}
.toggle-partenaire.open {
transform: rotate(180deg);
}
}