From 8ecedd8f2106ad982c81e57e55d7099d23d3a145 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 7 May 2024 14:41:23 +0200 Subject: [PATCH] mobile --- .../epau-antimatter/css-compiled/template.css | 30 +++++++++++--- user/themes/epau-antimatter/js/antimatter.js | 6 +-- .../themes/epau-antimatter/scss/template.scss | 1 + .../scss/template/_custom.scss | 12 ++++-- .../scss/template/_slick-theme.scss | 40 +++++++++---------- .../epau-antimatter/scss/template/_slick.scss | 3 +- 6 files changed, 60 insertions(+), 32 deletions(-) diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css index a2ad256..3212007 100644 --- a/user/themes/epau-antimatter/css-compiled/template.css +++ b/user/themes/epau-antimatter/css-compiled/template.css @@ -965,12 +965,10 @@ body#top.modular.fullwidth.title-center.title-h1h2 { .programmes { justify-content: center; - padding-top: 8rem; - padding-bottom: 8rem; } + padding-top: 8rem; } .programmes .slick-list { width: 70%; - margin: auto; - padding: 0px 150px !important; } + margin: auto; } .programmes .slick-list .slick-slide { width: min-content; } @@ -1762,6 +1760,28 @@ h1 { padding: 0; border: none; outline: none; } + .slick-prev:hover, .slick-prev:focus, + .slick-next:hover, + .slick-next:focus { + outline: none; + background: transparent; + color: transparent; } + .slick-prev:hover:before, .slick-prev:focus:before, + .slick-next:hover:before, + .slick-next:focus:before { + opacity: 1; } + .slick-prev.slick-disabled:before, + .slick-next.slick-disabled:before { + opacity: 0.25; } + .slick-prev:before, + .slick-next:before { + font-family: "slick"; + font-size: 50px; + line-height: 1; + color: white; + opacity: 0.75; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 100px; } @@ -1890,7 +1910,7 @@ h1 { .slick-slide { float: left; - height: 50vh; + height: fit-content; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { diff --git a/user/themes/epau-antimatter/js/antimatter.js b/user/themes/epau-antimatter/js/antimatter.js index 6ba86e0..3701e1e 100644 --- a/user/themes/epau-antimatter/js/antimatter.js +++ b/user/themes/epau-antimatter/js/antimatter.js @@ -200,13 +200,13 @@ jQuery(document).ready(function($){ // centerPadding: '100px', responsive: [ { - breakpoint: 810, + breakpoint: 800, settings: { slidesToShow: 1, - adaptiveHeight: true, + centerPadding: '0', arrows: true, - draggable: true, centerMode: true, + swipeToSlide: true, } }] }); diff --git a/user/themes/epau-antimatter/scss/template.scss b/user/themes/epau-antimatter/scss/template.scss index 0d1e64d..7f5f955 100644 --- a/user/themes/epau-antimatter/scss/template.scss +++ b/user/themes/epau-antimatter/scss/template.scss @@ -71,4 +71,5 @@ // @import "template/slick_custom"; @import "template/slick-theme"; + @import "template/slick"; \ No newline at end of file diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss index 90b7060..65c4f88 100644 --- a/user/themes/epau-antimatter/scss/template/_custom.scss +++ b/user/themes/epau-antimatter/scss/template/_custom.scss @@ -264,19 +264,25 @@ body#top.modular.fullwidth.title-center.title-h1h2 { // padding-left: 5%; // padding-right: 5%; padding-top: 8rem; - padding-bottom: 8rem; + // padding-bottom: 8rem; + // max-height: 100vh; .slick-list{ + // max-height: 100vh; + // display: inline-block; width: 70%; margin: auto; - padding: 0px 150px !important; + // padding-top: 150px; + // padding: 0px 150px !important; .slick-slide{ width: min-content; } + // .slick-track{ + // max-height: 100vh ; + // } } - } diff --git a/user/themes/epau-antimatter/scss/template/_slick-theme.scss b/user/themes/epau-antimatter/scss/template/_slick-theme.scss index 932b457..5911194 100644 --- a/user/themes/epau-antimatter/scss/template/_slick-theme.scss +++ b/user/themes/epau-antimatter/scss/template/_slick-theme.scss @@ -80,27 +80,27 @@ $slick-opacity-not-active: 0.25 !default; padding: 0; border: none; outline: none; - // &:hover, &:focus { - // outline: none; - // background: transparent; - // color: transparent; - // &:before { - // opacity: $slick-opacity-on-hover; - // } - // } - // &.slick-disabled:before { - // opacity: $slick-opacity-not-active; - // } - // &:before { - // font-family: $slick-font-family; - // font-size: 50px; + &:hover, &:focus { + outline: none; + background: transparent; + color: transparent; + &:before { + opacity: $slick-opacity-on-hover; + } + } + &.slick-disabled:before { + opacity: $slick-opacity-not-active; + } + &:before { + font-family: $slick-font-family; + font-size: 50px; - // line-height: 1; - // color: $slick-arrow-color; - // opacity: $slick-opacity-default; - // -webkit-font-smoothing: antialiased; - // -moz-osx-font-smoothing: grayscale; - // } + line-height: 1; + color: $slick-arrow-color; + opacity: $slick-opacity-default; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } } .slick-prev { diff --git a/user/themes/epau-antimatter/scss/template/_slick.scss b/user/themes/epau-antimatter/scss/template/_slick.scss index ac8129c..4ef06e1 100644 --- a/user/themes/epau-antimatter/scss/template/_slick.scss +++ b/user/themes/epau-antimatter/scss/template/_slick.scss @@ -63,7 +63,8 @@ } .slick-slide { float: left; - height: 50vh; + // height: 50vh; + height: fit-content; min-height: 1px; [dir="rtl"] & { float: right;