From 3f8877aaae0d04790d3e55e6c8c774f2182109e9 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 6 May 2025 15:33:16 +0200 Subject: [PATCH] slide ressources --- web/themes/custom/eql/dist/assets/bundle.js | 2 +- .../custom/eql/dist/assets/css/bundle.css | 48 ++++++++++---- .../images/pictos/fleche-droite-dans-rond.png | Bin 0 -> 3095 bytes .../images/pictos/fleche-droite-dans-rond.png | Bin 0 -> 3095 bytes web/themes/custom/eql/scripts/main.js | 19 +++++- .../custom/eql/scss/pages/ressources.scss | 60 +++++++++++++++--- 6 files changed, 106 insertions(+), 23 deletions(-) create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/fleche-droite-dans-rond.png create mode 100644 web/themes/custom/eql/images/pictos/fleche-droite-dans-rond.png diff --git a/web/themes/custom/eql/dist/assets/bundle.js b/web/themes/custom/eql/dist/assets/bundle.js index a94b3d8..3d38e00 100644 --- a/web/themes/custom/eql/dist/assets/bundle.js +++ b/web/themes/custom/eql/dist/assets/bundle.js @@ -36,7 +36,7 @@ eval("/**\n * @file\n * External links js file.\n */\n\n (function ($, Drupal, d \*************************/ /***/ (function() { -eval("\nconsole.log('salut');\n// menu burger open\n\nvar burger = document.getElementById(\"block-burger\");\nvar burgertitle = document.getElementById(\"block-burger-menu\");\n\n\nburgertitle.addEventListener(\"click\", toggleMenu);\n\nfunction toggleMenu(event) {\n // console.log(event);\n burger.classList.toggle('opened');\n}\n\n//////////////////////////\n// faq reponse open \n\nvar answers = document.getElementsByClassName(\"field--name-field-reponse\");\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaq);\n}\nfunction toggleFaq(event) {\n // console.log(event, this);\n // fermé tout\n for (let i = 0; i < answers.length; i++) {\n answers[i].classList.remove('opened'); \n }\n // la réponse correspndante a la question clické\n // | this c'est l'élément sur le quel on a clické\n // | |le parent |la réponse dans le parent\n let answer = this.parentNode.querySelector('.field--name-field-reponse');\n // console.log(answer); \n answer.classList.add('opened');\n\n}\n///// répète fonction pour les fichiers, les liens et ressources\n//// il faudrait créer un tableau d'objet ?\n\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqFichiers);\n}\nfunction toggleFaqFichiers(event) {\n // console.log(event, this);\nfor (let i = 0; i < fichiers.length; i++) {\n fichiers[i].classList.remove('opened'); \n}\nlet fichier = this.parentNode.querySelector('.field--name-field-fichiers');\n\nfichier.classList.add('opened');\n}\n\n\n////////////////////////\nvar liens = document.getElementsByClassName(\"field--name-field-liens\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqLiens);\n}\nfunction toggleFaqLiens(event) {\n // console.log(event, this);\nfor (let i = 0; i < liens.length; i++) {\n liens[i].classList.remove('opened'); \n}\nlet lien = this.parentNode.querySelector('.field--name-field-liens');\n \nlien.classList.add('opened');\n}\n\n//////////////////////\nvar ressources = document.getElementsByClassName(\"field--name-field-ress\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqRessources);\n}\nfunction toggleFaqRessources(event) {\n // console.log(event, this);\nfor (let i = 0; i < resources.length; i++) {\n ressources[i].classList.remove('opened'); \n}\nlet ressource = this.parentNode.querySelector('.field--name-field-ress');\n\nressource.classList.add('opened');\n}\n\n///////////////////////////////\n////////////////////////////////\n// fleche qui tourne faq\n\n// var questions = document.getElementsByClassName(\"field--name-field-question\");\n// var paragraph = document.querySelector('.field--name-field-question p::after');\n// console.log(paragraph)\n// var styles = window.getComputedStyle(element,':after')\n// console.log(styles)\n// var content = styles['content']\n// console.log(content)\n\n\n// for (let i = 0; i < questions.length; i++) {\n// const question = questions[i]\n// question.addEventListener(\"click\", rotateFleche);\n// }\n// function rotateFleche(event) {\n// console.log(event, this);\n// // for (let i = 0; i < answers.length; i++) {\n// // answers[i].classList.remove('opened'); \n// // }\n// }\n\n//////////////////////////////////////////\n// block collection reste bleu quand actif\n \njQuery(function($) {\n var path = window.location.href; // because the 'href' property of the DOM element is the absolute path\n console.log(path);\n $(\".view-id-collections .view-content .views-row a\").each(function() {\n if (this.href === path) {\n $(this).parent().closest('.views-row').addClass('active');\n }\n });\n });\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n(function($, window) {\n var adjustAnchor = function() {\n var $anchor = $('.block-entity-fieldnodefield-textes'),\n fixedElementHeight = 350;\n if ($anchor.length > 0) {\n $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n }\n };\n\n $(window).on('hashchange', function() {\n adjustAnchor();\n });\n\n})(jQuery, window);\n\n\n// ///////////////////////////////\n\n\n// slideshow home // marche pas. attention ai rajouter des class dans template views.view.html.twig et views-view-actus-blocks-pages--block-1.html.twig\n\n(function($, window) {\n console.log('hello')\n $(document).ready(function(){\n $('.path-frontpage .view-actus-blocks-pages .view-content').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: true,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({\n dots: true,\n arrows: false,\n adaptiveHeight: true,\n responsive: [\n {\n breakpoint: 800,\n settings: {\n adaptiveHeight: true\n }\n }]\n });\n console.log('salut slick actus');\n $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({\n slidesToShow: 1,\n dots: true,\n arrows: false,\n draggable: true,\n adaptiveHeight: true,\n responsive: [\n {\n breakpoint: 800,\n settings: {\n adaptiveHeight: true\n }\n }]\n });\n console.log('salut slick projets');\n });\n\n\n// //////// start class à views-row-wrapper ////////\n$(document).ready(function () {\n $(\".views-row-wrapper\").each(function () {\n let h3 = $(this).prev(\"h3\");\n let link = h3.find(\"a\");\n if (link.length) {\n let text = link.text().trim();\n let className = text\n .toLowerCase()\n .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n\n $(this).addClass('type-' + className);\n // Ajouter la même classe sur le

\n h3.addClass('type-' + className);\n }\n });\n});\n// /////// end class à views-row-wrapper ///////\n\n\n\n\n\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.eql.fr/./scripts/main.js?"); +eval("\nconsole.log('salut');\n// menu burger open\n\nvar burger = document.getElementById(\"block-burger\");\nvar burgertitle = document.getElementById(\"block-burger-menu\");\n\n\nburgertitle.addEventListener(\"click\", toggleMenu);\n\nfunction toggleMenu(event) {\n // console.log(event);\n burger.classList.toggle('opened');\n}\n\n//////////////////////////\n// faq reponse open \n\nvar answers = document.getElementsByClassName(\"field--name-field-reponse\");\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaq);\n}\nfunction toggleFaq(event) {\n // console.log(event, this);\n // fermé tout\n for (let i = 0; i < answers.length; i++) {\n answers[i].classList.remove('opened'); \n }\n // la réponse correspndante a la question clické\n // | this c'est l'élément sur le quel on a clické\n // | |le parent |la réponse dans le parent\n let answer = this.parentNode.querySelector('.field--name-field-reponse');\n // console.log(answer); \n answer.classList.add('opened');\n\n}\n///// répète fonction pour les fichiers, les liens et ressources\n//// il faudrait créer un tableau d'objet ?\n\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqFichiers);\n}\nfunction toggleFaqFichiers(event) {\n // console.log(event, this);\nfor (let i = 0; i < fichiers.length; i++) {\n fichiers[i].classList.remove('opened'); \n}\nlet fichier = this.parentNode.querySelector('.field--name-field-fichiers');\n\nfichier.classList.add('opened');\n}\n\n\n////////////////////////\nvar liens = document.getElementsByClassName(\"field--name-field-liens\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqLiens);\n}\nfunction toggleFaqLiens(event) {\n // console.log(event, this);\nfor (let i = 0; i < liens.length; i++) {\n liens[i].classList.remove('opened'); \n}\nlet lien = this.parentNode.querySelector('.field--name-field-liens');\n \nlien.classList.add('opened');\n}\n\n//////////////////////\nvar ressources = document.getElementsByClassName(\"field--name-field-ress\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqRessources);\n}\nfunction toggleFaqRessources(event) {\n // console.log(event, this);\nfor (let i = 0; i < resources.length; i++) {\n ressources[i].classList.remove('opened'); \n}\nlet ressource = this.parentNode.querySelector('.field--name-field-ress');\n\nressource.classList.add('opened');\n}\n\n///////////////////////////////\n////////////////////////////////\n// fleche qui tourne faq\n\n// var questions = document.getElementsByClassName(\"field--name-field-question\");\n// var paragraph = document.querySelector('.field--name-field-question p::after');\n// console.log(paragraph)\n// var styles = window.getComputedStyle(element,':after')\n// console.log(styles)\n// var content = styles['content']\n// console.log(content)\n\n\n// for (let i = 0; i < questions.length; i++) {\n// const question = questions[i]\n// question.addEventListener(\"click\", rotateFleche);\n// }\n// function rotateFleche(event) {\n// console.log(event, this);\n// // for (let i = 0; i < answers.length; i++) {\n// // answers[i].classList.remove('opened'); \n// // }\n// }\n\n//////////////////////////////////////////\n// block collection reste bleu quand actif\n \njQuery(function($) {\n var path = window.location.href; // because the 'href' property of the DOM element is the absolute path\n console.log(path);\n $(\".view-id-collections .view-content .views-row a\").each(function() {\n if (this.href === path) {\n $(this).parent().closest('.views-row').addClass('active');\n }\n });\n });\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n(function($, window) {\n var adjustAnchor = function() {\n var $anchor = $('.block-entity-fieldnodefield-textes'),\n fixedElementHeight = 350;\n if ($anchor.length > 0) {\n $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n }\n };\n\n $(window).on('hashchange', function() {\n adjustAnchor();\n });\n\n})(jQuery, window);\n\n\n// ///////////////////////////////\n\n\n// slideshow home // marche pas. attention ai rajouter des class dans template views.view.html.twig et views-view-actus-blocks-pages--block-1.html.twig\n\n(function($, window) {\n console.log('hello')\n $(document).ready(function(){\n $('.path-frontpage .view-actus-blocks-pages .view-content').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: true,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({\n dots: true,\n arrows: false,\n adaptiveHeight: true,\n responsive: [\n {\n breakpoint: 800,\n settings: {\n adaptiveHeight: true\n }\n }]\n });\n console.log('salut slick actus');\n $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({\n slidesToShow: 1,\n dots: true,\n arrows: false,\n draggable: true,\n adaptiveHeight: true,\n responsive: [\n {\n breakpoint: 800,\n settings: {\n adaptiveHeight: true\n }\n }]\n });\n console.log('salut slick projets');\n\n $('.path-ressources .view-type-ressource-slide .views-row-wrapper').slick({\n slidesToShow: 3,\n dots: false,\n arrows: true,\n centerMode: true,\n // responsive: [\n // {\n // breakpoint: 810,\n // settings: {\n // slidesToShow: 3,\n // arrows: false,\n // draggable: true,\n // centerMode: true,\n // }\n // }]\n });\n console.log('salut slick ressource');\n });\n\n\n// //////// start class à views-row-wrapper ////////\n$(document).ready(function () {\n $(\".views-row-wrapper\").each(function () {\n let h3 = $(this).prev(\"h3\");\n let link = h3.find(\"a\");\n if (link.length) {\n let text = link.text().trim();\n let className = text\n .toLowerCase()\n .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n\n $(this).addClass('type-' + className);\n // Ajouter la même classe sur le

\n h3.addClass('type-' + className);\n }\n });\n});\n// /////// end class à views-row-wrapper ///////\n\n\n\n\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.eql.fr/./scripts/main.js?"); /***/ }) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 501d60c..aed1b4e 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -5330,6 +5330,7 @@ svg.ext { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block { width: 60%; margin: auto; + margin-left: 30%; } @media (max-width: 479px) { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block { @@ -5423,11 +5424,16 @@ svg.ext { 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-filters { + position: fixed; + top: 13rem; + left: 0; width: 20%; background-color: rgb(255, 255, 255); margin-top: 2rem; margin-left: 1rem; margin-bottom: 5rem; + padding: 0.5rem; + padding-right: 3rem; } @media (max-width: 479px) { .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-filters { @@ -5437,6 +5443,7 @@ 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-filters::before { content: "Filtrer par : "; padding-right: 1rem; + font-weight: 800; } @media (max-width: 479px) { .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-filters::before { @@ -5507,25 +5514,30 @@ svg.ext { flex-direction: row; flex-wrap: wrap; } +.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-ressource-slide { + width: 100%; +} .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-ressource-slide h3 { + margin-left: 30%; text-transform: uppercase; } .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-ressource-slide h3 a { color: rgb(9, 57, 139) !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 .view-type-ressource-slide .views-row-wrapper { + margin-left: 30%; display: flex; 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-ressource-slide .views-row-wrapper .views-row { + display: flex; width: 25%; - flex: 0 0 25%; + 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-ressource-slide .views-row-wrapper .views-row .node-type-ressource { display: flex; flex-direction: column; - border: 2px solid rgb(0, 158, 227); - margin-left: 1rem; + margin-left: 3rem; margin-bottom: 1rem; padding: 1rem; } @@ -5535,21 +5547,13 @@ 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-ressource-slide .views-row-wrapper .views-row .node-type-ressource svg.ext { display: none; } -.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-ressource-slide .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD { - 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 .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Paroles-de-lauréats { - background-color: rgba(0, 158, 227, 0.2); -} @media (max-width: 479px) { .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource { margin-left: 0; } } -.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-ressource-slide .views-row-wrapper .views-row .node-type-ressource:hover { - background-color: rgba(0, 0, 0, 0.15); -} .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-type-de-ressource { + grid-column: 1; text-transform: uppercase; line-height: 1.1rem; margin-top: 0.5rem; @@ -5562,6 +5566,7 @@ svg.ext { cursor: default; } .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-title { + grid-column: 2; margin-top: 0.5rem; } .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-title h2 { @@ -5575,6 +5580,7 @@ svg.ext { font-style: italic; } .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-auteur-s- { + grid-column: 2; margin-top: 0.5rem; font-weight: 800; line-height: 1.1rem; @@ -5586,9 +5592,11 @@ svg.ext { display: none; } .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-sous-titre { + grid-column: 2; margin-top: 0.5rem; } .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-edition { + grid-column: 2; margin-top: 0.5rem; } .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-edition p { @@ -5598,6 +5606,7 @@ svg.ext { display: none; } .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-images { + grid-column: 1; width: fit-content; border: 1px solid #a3a3a3; height: 100px; @@ -5610,9 +5619,11 @@ svg.ext { width: auto; } .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-date-de-parution { + grid-column: 2; margin-top: 0.3rem; } .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-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-mots-clefs { + grid-column: 2; display: flex; margin-top: 1rem; flex-direction: row; @@ -5646,6 +5657,19 @@ svg.ext { width: 100%; } } +.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-ressource-slide .views-row-wrapper .slick-next::before { + content: url("../images/pictos/fleche-droite-dans-rond.png"); + display: block; +} +.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-ressource-slide .views-row-wrapper .slick-prev::before { + content: url("../images/pictos/fleche-droite-dans-rond.png"); + display: block; + transform: scaleX(-1); + display: none; +} +.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-ressource-slide .views-row-wrapper .slick-next { + right: 10%; +} .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-ressource-slide:has(.type-publication-issue-du-programme-eqld) { background-color: rgba(0, 158, 227, 0.2); } diff --git a/web/themes/custom/eql/dist/assets/images/pictos/fleche-droite-dans-rond.png b/web/themes/custom/eql/dist/assets/images/pictos/fleche-droite-dans-rond.png new file mode 100644 index 0000000000000000000000000000000000000000..1d14f9e8a37aa3fd2c6d3fd87ea0dfed198539e9 GIT binary patch literal 3095 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