fix slider per view of image slider block

DotCamp · Apr 24, 2024 · e42d115 · e42d115
1 parent 9a04504
commit e42d115
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 4 deletions.
diff --git a/dist/blocks.build.js.map b/dist/blocks.build.js.map
diff --git a/dist/blocks.style.build.css b/dist/blocks.style.build.css
diff --git a/readme.txt b/readme.txt
@@ -153,6 +153,7 @@ That's it. You're done!
 = 3.1.8 =
 
 * NEW: Block Spacing in button block.
+* FIX: Slides per view not working properly in the frontend in image slider block.
 
 = 3.1.7 =
 

diff --git a/src/blocks/image-slider/style.css b/src/blocks/image-slider/style.css
diff --git a/src/blocks/image-slider/style.scss b/src/blocks/image-slider/style.scss
@@ -16,6 +16,7 @@
 		figure > picture > img {
 			display: block;
 			margin: auto;
+			max-width: 100%;
 		}
 	}
 }

diff --git a/src/init.php b/src/init.php
@@ -803,7 +803,7 @@ function ub_howto_generateStepPicStyle( $stepPic ) {
 										 'min-height: ' . (35 + $attributes['sliderHeight']) . 'px;' . PHP_EOL .
 										 '}' . PHP_EOL;
 					$blockStylesheets .= $prefix . ' .swiper-slide img{' . PHP_EOL .
-										 'max-height: ' . $attributes['sliderHeight'] . 'px;' . PHP_EOL .
+										 'height: ' . $attributes['sliderHeight'] . 'px;' . PHP_EOL .
 										 '}' . PHP_EOL;
 					break;
 				case 'ub/notification-box-block':