bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

taille row ressource

Browse Source
This commit is contained in:
ouidade
2025-05-20 15:20:10 +02:00
parent 091f946b30
commit 25d6d72b2e
5 changed files with 122 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/bundle.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+50 -47
View File
@@ -5463,10 +5463,15 @@ svg.ext {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .views-row { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-track {
width: 100% !important;
display: flex; display: flex;
width: 25%; flex-direction: row;
max-width: fit-content; }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-track .views-row {
width: 45% !important;
min-width: 450px !important;
max-width: 500px !important;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper {
@@ -5495,12 +5500,6 @@ svg.ext {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:has(.type-publication-issue-du-programme-eqld)::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:has(.type-publication-issue-du-programme-eqld)::before {
background-color: rgba(0, 158, 227, 0.2); background-color: rgba(0, 158, 227, 0.2);
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .type-les-projets-en-images .slick-track {
width: 100% !important;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .type-les-projets-en-images .slick-track .views-row {
width: 100% !important;
}
/*partials*/ /*partials*/
.layout-container { .layout-container {
@@ -6218,156 +6217,160 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
font-size: 1rem; font-size: 1rem;
} }
.node-type-ressource { article.node-type-ressource {
margin-bottom: 1rem; margin-bottom: 1rem;
padding-right: 1rem; padding-right: 1rem;
min-width: 300px;
} }
.node-type-ressource .ext { article.node-type-ressource h2 {
text-align: left !important;
}
article.node-type-ressource .ext {
color: black; color: black;
} }
.node-type-ressource svg.ext { article.node-type-ressource svg.ext {
display: none; display: none;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource {
display: grid; display: grid;
grid-template-columns: 1fr 1.8fr; grid-template-columns: 1fr 1.8fr;
grid-template-rows: repeat(5 1fr); grid-template-rows: repeat(5 1fr);
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-ressource { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-ressource {
order: 2; order: 2;
grid-row: 2; grid-row: 2;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-media { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-media {
order: 1; order: 1;
grid-row: 1; grid-row: 1;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images {
order: 3; order: 3;
grid-row: 3/span 5; grid-row: 3/span 5;
height: auto; height: auto;
width: 90%; width: 90%;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images img { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images img {
height: auto; height: auto;
width: 90%; width: 90%;
border: 1px solid #a3a3a3; border: 1px solid #a3a3a3;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title {
grid-row: 3; grid-row: 3;
margin-top: 0; margin-top: 0;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title a { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title a {
color: rgb(0, 158, 227); color: rgb(0, 158, 227);
font-size: 1.2rem; font-size: 1.2rem;
font-style: normal; font-style: normal;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-sous-titre { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-sous-titre {
grid-row: 4; grid-row: 4;
color: rgb(0, 158, 227); color: rgb(0, 158, 227);
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 800; font-weight: 800;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-auteur-s- { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-auteur-s- {
grid-row: 5; grid-row: 5;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-edition { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-edition {
grid-row: 6; grid-row: 6;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-date-de-parution { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-date-de-parution {
grid-row: 7; grid-row: 7;
} }
.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-mots-clefs { article.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-mots-clefs {
grid-row: 8; grid-row: 8;
} }
@media (max-width: 479px) { @media (max-width: 479px) {
.node-type-ressource { article.node-type-ressource {
margin-left: 0; margin-left: 0;
} }
} }
.node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource, article.node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource,
.node-type-ressource .wrapper-ressource .field--name-field-type-de-media { article.node-type-ressource .wrapper-ressource .field--name-field-type-de-media {
grid-column: 1; grid-column: 1;
text-transform: uppercase; text-transform: uppercase;
line-height: 1.1rem; line-height: 1.1rem;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource a, article.node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource a,
.node-type-ressource .wrapper-ressource .field--name-field-type-de-media a { article.node-type-ressource .wrapper-ressource .field--name-field-type-de-media a {
color: rgb(0, 158, 227); color: rgb(0, 158, 227);
font-weight: 900; font-weight: 900;
font-size: 0.8rem; font-size: 0.8rem;
pointer-events: none; pointer-events: none;
cursor: default; cursor: default;
} }
.node-type-ressource .wrapper-ressource .field--name-title { article.node-type-ressource .wrapper-ressource .field--name-title {
grid-column: 2; grid-column: 2;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.node-type-ressource .wrapper-ressource .field--name-title h2 { article.node-type-ressource .wrapper-ressource .field--name-title h2 {
margin: 0; margin: 0;
line-height: 1rem; line-height: 1rem;
} }
.node-type-ressource .wrapper-ressource .field--name-title h2 a { article.node-type-ressource .wrapper-ressource .field--name-title h2 a {
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
font-size: 1rem; font-size: 1rem;
font-weight: 900; font-weight: 900;
font-style: italic; font-style: italic;
} }
.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- { article.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- {
grid-column: 2; grid-column: 2;
margin-top: 0.5rem; margin-top: 0.5rem;
font-weight: 800; font-weight: 800;
line-height: 1.1rem; line-height: 1.1rem;
} }
.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- p { article.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- p {
margin: 0; margin: 0;
} }
.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- .field__label { article.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- .field__label {
display: none; display: none;
} }
.node-type-ressource .wrapper-ressource .field--name-field-sous-titre { article.node-type-ressource .wrapper-ressource .field--name-field-sous-titre {
grid-column: 2; grid-column: 2;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.node-type-ressource .wrapper-ressource .field--name-field-edition { article.node-type-ressource .wrapper-ressource .field--name-field-edition {
grid-column: 2; grid-column: 2;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.node-type-ressource .wrapper-ressource .field--name-field-edition p { article.node-type-ressource .wrapper-ressource .field--name-field-edition p {
margin: 0; margin: 0;
} }
.node-type-ressource .wrapper-ressource .field--name-field-edition .field__label { article.node-type-ressource .wrapper-ressource .field--name-field-edition .field__label {
display: none; display: none;
} }
.node-type-ressource .wrapper-ressource .field--name-field-images { article.node-type-ressource .wrapper-ressource .field--name-field-images {
grid-column: 1; grid-column: 1;
} }
.node-type-ressource .wrapper-ressource .field--name-field-images .field__item { article.node-type-ressource .wrapper-ressource .field--name-field-images .field__item {
height: 100px; height: 100px;
} }
.node-type-ressource .wrapper-ressource .field--name-field-images img { article.node-type-ressource .wrapper-ressource .field--name-field-images img {
height: 100%; height: 100%;
width: auto; width: auto;
} }
.node-type-ressource .wrapper-ressource .field--name-field-date-de-parution { article.node-type-ressource .wrapper-ressource .field--name-field-date-de-parution {
grid-column: 2; grid-column: 2;
margin-top: 0.3rem; margin-top: 0.3rem;
} }
.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs { article.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs {
grid-column: 2; grid-column: 2;
display: flex; display: flex;
margin-top: 1rem; margin-top: 1rem;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
} }
.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item { article.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item {
margin-right: 0.5rem; margin-right: 0.5rem;
padding-left: 0.3rem; padding-left: 0.3rem;
padding-right: 0.3rem; padding-right: 0.3rem;
font-size: 0.7rem; font-size: 0.7rem;
} }
.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item a { article.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item a {
background: rgb(9, 57, 139); background: rgb(9, 57, 139);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
font-weight: 800; font-weight: 800;
@@ -6378,6 +6381,6 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
pointer-events: none; pointer-events: none;
cursor: default; cursor: default;
} }
.node-type-ressource .wrapper-ressource ul.links.inline { article.node-type-ressource .wrapper-ressource ul.links.inline {
display: none; display: none;
} }
web/themes/custom/eql/scripts/main.js
+47 -24
View File
@@ -219,16 +219,16 @@ jQuery(function($) {
arrows: true, arrows: true,
infinite: false, infinite: false,
centerMode: false, centerMode: false,
// responsive: [ responsive: [
// { {
// breakpoint: 810, breakpoint: 810,
// settings: { settings: {
// slidesToShow: 3, slidesToShow: 3,
// arrows: false, arrows: false,
// draggable: true, draggable: true,
// centerMode: true, centerMode: true,
// } }
// }] }]
}); });
console.log('salut slick ressource'); console.log('salut slick ressource');
@@ -237,6 +237,7 @@ jQuery(function($) {
// //////// start ajoute class à views-row-wrapper et view-type-slide dans /ressources //////// // //////// start ajoute class à views-row-wrapper et view-type-slide dans /ressources ////////
$(document).ready(function () { $(document).ready(function () {
if (hasActiveFilters()) return;
$(".views-row-wrapper").each(function () { $(".views-row-wrapper").each(function () {
let h3 = $(this).prev("h3"); let h3 = $(this).prev("h3");
let link = h3.find("a"); let link = h3.find("a");
@@ -271,23 +272,45 @@ $(document).ready(function () {
$(this).addClass('type-media-' + className); $(this).addClass('type-media-' + className);
}); });
////// cache les slide non voulue en fonction de la class ///////// // ////// cache les slide non voulue en fonction de la class /////////
const allowedTypes = [ // const allowedTypes = [
"type-publication-issue-du-programme-eqld", // "type-publication-issue-du-programme-eqld",
"type-paroles-de-laureats", // "type-paroles-de-laureats",
"type-les-projets-en-images", // "type-les-projets-en-images",
"type-presse" // "type-presse"
]; // ];
$(".view-type-slide").each(function () { // $(".view-type-slide").each(function () {
let $block = $(this); // let $block = $(this);
let keep = allowedTypes.some(type => $block.hasClass(type)); // let keep = allowedTypes.some(type => $block.hasClass(type));
if (!keep) {
$block.hide(); // ou fadeOut() si tu veux un effet // if (!keep) {
} // $block.hide(); // ou fadeOut() si tu veux un effet
}); // }
// });
// });
// $(".view-type-slide").each(function () {
// let $block = $(this);
// let matched = allowedTypes.filter(type => $block.hasClass(type));
// console.log("Matched:", matched);
// let keep = matched.length > 0;
// if (!keep) {
// $block.hide();
// }
}); });
function hasActiveFilters() {
const params = new URLSearchParams(window.location.search);
for (const [key, value] of params) {
if (key !== 'page' && value !== 'All' && value !== '') {
return true;
}
}
return false;
}
// /////// end class à views-row-wrapper /////// // /////// end class à views-row-wrapper ///////
web/themes/custom/eql/scss/pages/ressources.scss
+19 -12
View File
@@ -211,13 +211,18 @@
.views-row-wrapper{ .views-row-wrapper{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
.slick-track{
.views-row{ width: 100% !important;
display: flex; display: flex;
width: 25%; flex-direction: row;
max-width: fit-content;
.views-row{
width: 45% !important;
min-width: 450px !important;
max-width: 500px !important;
}
} }
@media (max-width: 810px){ @media (max-width: 810px){
flex-direction: column; flex-direction: column;
.views-row{ .views-row{
@@ -251,14 +256,16 @@
background-color: $background-actus;} background-color: $background-actus;}
} }
.type-les-projets-en-images{ // .type-les-projets-en-images{
.slick-track{ // .slick-track{
width: 100% !important; // width: 100% !important;
.views-row{ // .views-row{
width: 100% !important; // width: 100% !important;
} // }
} // }
} // }
} }
} }
web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss
+3 -1
View File
@@ -1,6 +1,8 @@
.node-type-ressource{ article.node-type-ressource{
margin-bottom: 1rem ; margin-bottom: 1rem ;
padding-right: 1rem; padding-right: 1rem;
min-width: 300px;
h2{text-align: left !important}
.ext{ .ext{
color: black; color: black;
} }