From 7683d01b54028da3bfc1d6040d3727eb2b9c5f96 Mon Sep 17 00:00:00 2001 From: chankalan Date: Thu, 1 Dec 2022 15:55:33 +0100 Subject: [PATCH] =?UTF-8?q?carousel=20adapt=C3=A9=20aux=20tailles=20d'?= =?UTF-8?q?=C3=A9cran=20+=20hauteur=20des=20items?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- squelettes/content/sommaire_selection.html | 17 +++++++++++++++-- squelettes/scss/styles/_perso.scss | 6 ++++-- 2 files changed, 19 insertions(+), 4 deletions(-) diff --git a/squelettes/content/sommaire_selection.html b/squelettes/content/sommaire_selection.html index 400d0d0..ac21843 100644 --- a/squelettes/content/sommaire_selection.html +++ b/squelettes/content/sommaire_selection.html @@ -93,8 +93,21 @@ jQuery(function($){ slideBy: 3, dots: false, nav: false, - autoHeight: false, - onTranslated: callback + onTranslated: callback, + responsive : { + // breakpoint from 0 up + 0 : { + items: 1, + }, + // breakpoint from 480 up + 560 : { + items: 2, + }, + // breakpoint from 768 up + 768 : { + items: 3, + } + } }); // Go to the next item $('.ensuite').click(function() { diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index d9a6e5d..0a3f33f 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -1042,8 +1042,10 @@ a:hover .fab, a:hover .fas { .owl-carousel { margin: 0 -4rem; width: auto; + @media (max-width:768px) { + margin: 0 -2rem; + } article { -/* width: 30%; */ padding: 0 1rem; h1 small, .texte_aside, .podcast, .sujets { display: none; @@ -1070,7 +1072,7 @@ a:hover .fab, a:hover .fas { } .texte_content { position: relative; -/* padding-bottom: 2.5rem; */ + min-height: 320px; } } .owl-nav {