degug css /ressources dans footer

This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-14 15:13:13 +01:00
parent 97c8960289
commit 0254e4b146
8 changed files with 9 additions and 112 deletions

File diff suppressed because one or more lines are too long

View File

@ -798,6 +798,9 @@ footer {
flex-direction: column;
}
}
.footer button.voir-plus {
display: none;
}
.layout-sidebar-first {
width: 25%;

View File

@ -1,87 +0,0 @@
/**
* @file
* quartiers_de_demain behaviors.
*/
(function (Drupal) {
'use strict';
Drupal.behaviors.quartiers_de_demain = {
attach: function (context, settings) {
console.log('It works!');
}
};
} (Drupal));
/////////////// start class à view-rows-ressources ////////
$(document).ready(function () {
$(".view-rows-wrapper").each(function () {
let h3Container = $(this).prev("h3").find("div[class^='type-']");
let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
if (classToAdd) {
$(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
}
});
});
////////////////// end class à view-rows-wrapper ////////////////
/////////////////// start voir plus... ressources ////////////////////
$(document).ready(function () {
// Vérifier si on est sur la page avec l'ID #ressources
if ($("#ressources").length > 0) {
$(".view-rows-wrapper").each(function () {
let container = $(this); // Cible uniquement cette section
let items = container.find(".views-row"); // Les éléments à afficher progressivement
let visibleCount = 4; // Nombre d'éléments visibles au départ
// Récupérer la classe `type-XXX`
let typeClass = container.attr("class").split(" ").find(cls => cls.startsWith("type-"));
let typeName = typeClass ? typeClass.replace("type-", "").replace(/-/g, " ") : "contenu"; // Nettoyer le nom
if (typeClass === "type-podcast" || typeClass === "type-video") {
visibleCount = 2; // Pour Podcast et Vidéo
}
// Ajouter un bouton dynamiquement après chaque `.view-rows-ressources`
let button = $("<button>")
.addClass("voir-plus")
.text("Voir plus de " + typeName)
.insertAfter(container);
// Cacher tous les éléments sauf les 4 premiers
items.hide().slice(0, visibleCount).show();
// Action sur le bouton
button.on("click", function () {
let hiddenItems = container.find(".views-row:hidden").slice(0, 4); // Prochains éléments à afficher
if ($(this).text().includes("Voir plus")) {
hiddenItems.slideDown(); // Afficher avec un effet de glissement
if (container.find(".views-row:hidden").length === 0) {
$(this).text("Voir moins de " + typeName); // Changer le texte du bouton si tout est affiché
}
} else {
container.find(".views-row").slice(visibleCount).slideUp(); // Replier les éléments
$(this).text("Voir plus de " + typeName); // Revenir à l'état initial
}
});
});
}
});
/////////////////// end voir plus... ressources ////////////////////

View File

@ -764,7 +764,7 @@ $(document).ready(function () {
visibleCount = 2; // Pour Podcast et Vidéo
}
// Ajouter un bouton dynamiquement après chaque `.view-rows-ressources`
// Ajouter un bouton dynamiquement après chaque `.view-rows-wrapper`
let button = $("<button>")
.addClass("voir-plus")
.text("Voir plus de " + typeName)

View File

@ -1,8 +1,6 @@
#actualites{
background-color: #f6f7f3;
.layout-content{
// padding-top: 1rem;
.content_container{
@ -81,7 +79,6 @@
width: 250px;
height: auto;
img{
width: 100%;
height: auto;
object-fit: cover;

View File

@ -1,9 +1,6 @@
#home{
.config_pages--type--diaporama-home{
position: relative;
.diaporama{
.slick-list{
padding: 0 !important;
@ -19,14 +16,9 @@
// animation-duration: 4.5s;
// animation-name: zoomOut;
// animation-iteration-count: infinite;
}
}
blockquote{
position: relative;
top: -30px;

View File

@ -201,6 +201,9 @@ footer{
flex-direction: column;
}
}
button.voir-plus{
display: none;
}
}

View File

@ -5,7 +5,7 @@ let config = {
mode: 'development',
entry: [
"./src/assets/js/quartiers_de_demain.js",
"./src/assets/js/page_ressources.js",
// "./src/assets/js/animated_logo.js",
"./src/assets/js/animated_formes.js",
"./src/assets/scss/quartiers_de_demain.scss",