fix(core): reset slides margin-top on slidesPerColumn breakpoint

fixes #4044
nolimits4web · Aug 3, 2021 · c94a115 · c94a115
1 parent 422e321
commit c94a115
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/core/breakpoints/setBreakpoint.js b/src/components/core/breakpoints/setBreakpoint.js
@@ -45,7 +45,10 @@ export default function setBreakpoint() {
     swiper.emitContainerClasses();
   } else if (!wasMultiRow && isMultiRow) {
     $el.addClass(`${params.containerModifierClass}multirow`);
-    if (breakpointParams.slidesPerColumnFill === 'column') {
+    if (
+      (breakpointParams.slidesPerColumnFill && breakpointParams.slidesPerColumnFill === 'column') ||
+      (!breakpointParams.slidesPerColumnFill && params.slidesPerColumnFill === 'column')
+    ) {
       $el.addClass(`${params.containerModifierClass}multirow-column`);
     }
     swiper.emitContainerClasses();

diff --git a/src/components/core/update/updateSlides.js b/src/components/core/update/updateSlides.js
@@ -60,8 +60,8 @@ export default function updateSlides() {
   swiper.virtualSize = -spaceBetween;
 
   // reset margins
-  if (rtl) slides.css({ marginLeft: '', marginTop: '' });
-  else slides.css({ marginRight: '', marginBottom: '' });
+  if (rtl) slides.css({ marginLeft: '', marginBottom: '', marginTop: '' });
+  else slides.css({ marginRight: '', marginBottom: '', marginTop: '' });
 
   let slidesNumberEvenToRows;
   if (params.slidesPerColumn > 1) {