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

debugg actualité home

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-13 12:24:43 +01:00
parent 3212219618
commit 36928232d6
6 changed files with 76 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

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

@ -1527,7 +1527,7 @@ footer {
padding-bottom: 0rem; padding-bottom: 0rem;
} }
} }
#actus-caroussel .content-actus .view { #actus-caroussel .content-actus .view .view-rows-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -3882,29 +3882,29 @@ main {
display: flex; display: flex;
margin: auto; margin: auto;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row {
width: 30%; width: 30%;
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row h2 { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row h2 {
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
font-size: 0.6rem; font-size: 0.6rem;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row p { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row p {
font-size: 0.5rem; font-size: 0.5rem;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_mots_clefs div { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div {
display: flex; display: flex;
flex-direction: row !important; flex-direction: row !important;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_mots_clefs div div { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div div {
border: solid 1px rgb(7, 50, 194); border: solid 1px rgb(7, 50, 194);
margin-right: 0.2rem; margin-right: 0.2rem;
padding: 1.3%; padding: 1.3%;
@ -3913,16 +3913,16 @@ main {
font-size: 0.4rem; font-size: 0.4rem;
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_mots_clefs div div a { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div div a {
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_site div a { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a {
position: relative; position: relative;
padding-left: 20px; padding-left: 20px;
color: rgb(247, 0, 43); color: rgb(247, 0, 43);
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_site div a:before { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a:before {
content: ""; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
@ -3934,48 +3934,48 @@ main {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-documentation .field_body, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_body,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-documentation .field_field_images { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_field_images {
display: none; display: none;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource {
display: grid; display: grid;
grid-template-columns: 1fr 1.2fr; grid-template-columns: 1fr 1.2fr;
grid-template-rows: repeat(5 1fr); grid-template-rows: repeat(5 1fr);
margin-top: 1rem; margin-top: 1rem;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_images { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_images {
grid-column: 1; grid-column: 1;
grid-row: 1/span 5; grid-row: 1/span 5;
padding: 0 1rem 1rem 1rem; padding: 0 1rem 1rem 1rem;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_images img { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_images img {
width: 100%; width: 100%;
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 1/1;
object-fit: cover; object-fit: cover;
border-radius: 9px; border-radius: 9px;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_title, #ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource h2 { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_title, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource h2 {
margin-top: 0; margin-top: 0;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_title, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_title,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_sous_titre, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_sous_titre,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_author, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_author,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_date_ressource, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_date_ressource,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_body, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_body,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_mots_clefs, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_mots_clefs,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_site, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_site,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_documents, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_documents,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_liens { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_liens {
grid-column: 2; grid-column: 2;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row:has(.type-podcast) { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
width: 50%; width: 50%;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row:has(.type-documentation) { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
width: 25%; width: 25%;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row:has(.type-vidéo) { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
width: 50%; width: 50%;
} }

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

@ -376,7 +376,7 @@ document.addEventListener('DOMContentLoaded', function() {
$(document).ready(function(){ $(document).ready(function(){
let actuview = $('.content-actus .view ') let actuview = $('.content-actus .view .view-rows-wrapper')
if (actuview) { if (actuview) {
actuview.slick({ actuview.slick({
slidesToShow: 3, slidesToShow: 3,
@ -685,21 +685,23 @@ window.addEventListener("resize", moveLanguageSwitcher);
/////////////// start class à view-rows-ressources //////// /////////////// start class à view-rows-ressources ////////
$(document).ready(function () { $(document).ready(function () {
$(".view-rows-ressources").each(function () { $(".view-rows-wrapper").each(function () {
let h3Container = $(this).prev("h3").find("div[class^='type-']"); let h3Container = $(this).prev("h3").find("div[class^='type-']");
let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation") let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
if (classToAdd) { if (classToAdd) {
$(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-ressources $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
} }
}); });
}); });
////////////////// end class à view-rows-ressources //////////////// ////////////////// end class à view-rows-wrapper ////////////////
/////////////////// start voir plus... ressources //////////////////// /////////////////// start voir plus... ressources ////////////////////
$(document).ready(function () { $(document).ready(function () {
$(".view-rows-ressources").each(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 container = $(this); // Cible uniquement cette section
let items = container.find(".views-row"); // Les éléments à afficher progressivement let items = container.find(".views-row"); // Les éléments à afficher progressivement
let visibleCount = 4; // Nombre d'éléments visibles au départ let visibleCount = 4; // Nombre d'éléments visibles au départ
@ -738,6 +740,7 @@ $(document).ready(function () {
} }
}); });
}); });
}
}); });

2
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
View File

@ -71,7 +71,7 @@
display: flex; display: flex;
margin: auto; margin: auto;
} }
.view-rows-ressources{ .view-rows-wrapper{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;

2
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
View File

@ -27,7 +27,7 @@
padding-bottom: 0rem; padding-bottom: 0rem;
} }
} }
.view{ .view .view-rows-wrapper{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;

6
web/themes/custom/quartiers_de_demain/templates/views-view-unformatted.html.twig
View File

@ -30,8 +30,8 @@
{% {%
set view_ressource_class = [ set view_wrapper_class = [
'view-rows-ressources', 'view-rows-wrapper',
] ]
%} %}
@ -39,7 +39,7 @@
{% if title %} {% if title %}
<h3>{{ title }} </h3> <h3>{{ title }} </h3>
{% endif %} {% endif %}
<div {{ attributes.addClass(view_ressource_class) }}> <div {{ attributes.addClass(view_wrapper_class) }}>
{% for row in rows %} {% for row in rows %}
{% {%
set row_classes = [ set row_classes = [