Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
f24ffa56 by Jeff Balicki
Options

swiper mobile 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 67f46a03
Inline Side-by-side
Showing 11 changed files with 53 additions and 10 deletions
......@@ -20332,6 +20332,7 @@ ul.sf_date_field .sf-datepicker {
left: 0%;
width: 100vw;
padding: 0rem 0rem;
overflow: scroll;
}
}
......@@ -20345,6 +20346,11 @@ ul.sf_date_field .sf-datepicker {
margin: 0 auto;
overflow: hidden;
}
@media only screen and (max-width: 67.063rem) {
.carousel-items {
overflow: scroll;
}
}
.carousel-content {
height: 260px;
......@@ -20483,12 +20489,22 @@ ul.sf_date_field .sf-datepicker {
height: 100%;
max-height: 100%;
}
@media only screen and (max-width: 67.063rem) {
.swiper-slide {
margin-right: 24px;
}
}
.swiper-wrapper {
max-height: 100%;
height: 100%;
display: flex;
}
@media only screen and (max-width: 67.063rem) {
.swiper-wrapper {
width: auto;
}
}
.pojo-a11y-grayscale {
overflow-y: scroll !important;
......@@ -21207,7 +21223,7 @@ ul.sf_date_field .sf-datepicker {
max-width: 31rem;
min-width: 31rem;
min-height: 8.438rem;
margin-right: 30px;
margin-right: 24px;
}
.article-card a {
color: white;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -26128,7 +26128,7 @@
modules: [Navigation, Pagination, A11y, Keyboard],
slidesOffsetAfter: 0,
slidesOffsetBefore: 0,
spaceBetween: 30,
spaceBetween: 24,
// centeredSlides: true,
loop: false,
lazy: true,
......@@ -26160,7 +26160,9 @@
}
}
};
new Swiper(this, swiper_params);
if ($(window).width() > 1074) {
new Swiper(this, swiper_params);
}
});
// $('.carousel ').css('margin-left',"-"+$('#content').css('margin-left'));
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -15,6 +15,8 @@ jQuery(document).ready(function($) {
jQuery('.carousel-items').each(function() {
......@@ -24,7 +26,7 @@ jQuery(document).ready(function($) {
modules: [Navigation, Pagination, A11y, Keyboard],
slidesOffsetAfter: 0,
slidesOffsetBefore: 0,
spaceBetween: 30,
spaceBetween: 24,
// centeredSlides: true,
loop: false,
lazy: true,
......@@ -60,10 +62,20 @@ jQuery(document).ready(function($) {
},
};
var mySwiper = new Swiper(this, swiper_params);
var mySwiper;
if ($(window).width() > 1074) {
mySwiper = new Swiper(this, swiper_params);
};
$(window).on('resize', function(){
if ($(window).width() > 1074) {
mySwiper = new Swiper(this, swiper_params);
}else{
mySwiper.destroy(true, true)
}
});
});
});
// $('.carousel ').css('margin-left',"-"+$('#content').css('margin-left'));
......
......@@ -27,8 +27,11 @@
left: 0%;
width: 100vw;
padding: 0rem 0rem;
overflow: scroll;
}
}
.carousel-items {
......@@ -41,8 +44,10 @@
//max-width: 75rem;
margin: 0 auto;
overflow: hidden;
@media only screen and (max-width:67.063rem) {
overflow: scroll;
}
}
.carousel-content{
//padding: 0rem 3.125rem;
......@@ -184,6 +189,10 @@ height: 260px;
display: block;
height: 100%;
max-height: 100%;
@media only screen and (max-width:67.063rem) {
margin-right: 24px;
}
}
.swiper-wrapper{
......@@ -191,4 +200,8 @@ height: 260px;
height: 100%;
display: flex;
@media only screen and (max-width:67.063rem) {
width: auto;
}
}
\ No newline at end of file
......
......@@ -119,7 +119,7 @@
max-width: 31rem;
min-width: 31rem;
min-height: 8.438rem;
margin-right: 30px;
margin-right: 24px;
a {
color:white;
gap: 1.625rem;
......