degug css /ressources dans footer
This commit is contained in:
parent
97c8960289
commit
0254e4b146
File diff suppressed because one or more lines are too long
@ -798,6 +798,9 @@ footer {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.footer button.voir-plus {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layout-sidebar-first {
|
||||
width: 25%;
|
||||
|
@ -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 ////////////////////
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -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)
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -201,6 +201,9 @@ footer{
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
button.voir-plus{
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
@ -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",
|
||||
|
Loading…
x
Reference in New Issue
Block a user