From 6aa97e455c0491507ac216781376ea8143aa50cc Mon Sep 17 00:00:00 2001 From: "stephen@cubedesigners.com" Date: Mon, 23 Mar 2020 08:40:50 +0000 Subject: [PATCH] Centre carousel items when less than total number of columns + fix missing dots on smaller screens. Wait #3470 @0.5 --- .../resources/assets/styles/components/slick-carousel.styl | 3 +++ .../resources/views/widgets/profile-carousel.blade.php | 3 +++ .../resources/views/widgets/resource-carousel.blade.php | 2 ++ .../resources/views/widgets/text-carousel.blade.php | 3 +++ .../resources/views/widgets/video-gallery-carousel.blade.php | 2 ++ 5 files changed, 13 insertions(+) diff --git a/wp-content/themes/physioassist/resources/assets/styles/components/slick-carousel.styl b/wp-content/themes/physioassist/resources/assets/styles/components/slick-carousel.styl index 573b5927..abe74044 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/components/slick-carousel.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/components/slick-carousel.styl @@ -74,3 +74,6 @@ &.slick-active button:before background-color: #1f8ccc + +.slick-track + margin: 0 auto // Centre items when there are less than the display number diff --git a/wp-content/themes/physioassist/resources/views/widgets/profile-carousel.blade.php b/wp-content/themes/physioassist/resources/views/widgets/profile-carousel.blade.php index aaf88fa7..d1f0a3a9 100644 --- a/wp-content/themes/physioassist/resources/views/widgets/profile-carousel.blade.php +++ b/wp-content/themes/physioassist/resources/views/widgets/profile-carousel.blade.php @@ -11,6 +11,7 @@ 'settings' => [ 'slidesToShow' => 3, 'slidesToScroll' => 3, + 'dots' => count($items) > 3, ] ], [ @@ -18,6 +19,7 @@ 'settings' => [ 'slidesToShow' => 2, 'slidesToScroll' => 2, + 'dots' => count($items) > 2, ] ], [ @@ -25,6 +27,7 @@ 'settings' => [ 'slidesToShow' => 1, 'slidesToScroll' => 1, + 'dots' => count($items) > 1, ] ], ] diff --git a/wp-content/themes/physioassist/resources/views/widgets/resource-carousel.blade.php b/wp-content/themes/physioassist/resources/views/widgets/resource-carousel.blade.php index 50ce0adb..bc0f4ab8 100644 --- a/wp-content/themes/physioassist/resources/views/widgets/resource-carousel.blade.php +++ b/wp-content/themes/physioassist/resources/views/widgets/resource-carousel.blade.php @@ -11,6 +11,7 @@ 'settings' => [ 'slidesToShow' => 2, 'slidesToScroll' => 2, + 'dots' => count($items) > 2, ] ], [ @@ -18,6 +19,7 @@ 'settings' => [ 'slidesToShow' => 1, 'slidesToScroll' => 1, + 'dots' => count($items) > 1, ] ], ] diff --git a/wp-content/themes/physioassist/resources/views/widgets/text-carousel.blade.php b/wp-content/themes/physioassist/resources/views/widgets/text-carousel.blade.php index 26608b33..d1b96a3f 100644 --- a/wp-content/themes/physioassist/resources/views/widgets/text-carousel.blade.php +++ b/wp-content/themes/physioassist/resources/views/widgets/text-carousel.blade.php @@ -11,6 +11,7 @@ 'settings' => [ 'slidesToShow' => 3, 'slidesToScroll' => 3, + 'dots' => count($items) > 3, ] ], [ @@ -18,6 +19,7 @@ 'settings' => [ 'slidesToShow' => 2, 'slidesToScroll' => 2, + 'dots' => count($items) > 2, ] ], [ @@ -25,6 +27,7 @@ 'settings' => [ 'slidesToShow' => 1, 'slidesToScroll' => 1, + 'dots' => count($items) > 1, ] ], ] diff --git a/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php b/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php index 47629db4..7d5ad57a 100644 --- a/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php +++ b/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php @@ -11,6 +11,7 @@ 'settings' => [ 'slidesToShow' => 2, 'slidesToScroll' => 2, + 'dots' => count($videos) > 2, ] ], [ @@ -18,6 +19,7 @@ 'settings' => [ 'slidesToShow' => 1, 'slidesToScroll' => 1, + 'dots' => count($videos) > 1, ] ], ] -- 2.39.5