From ef4cf007970bdb4b6d661c75c6529ae2d7e0019d Mon Sep 17 00:00:00 2001 From: Sean Steimer Date: Fri, 26 Jan 2024 09:12:34 -0800 Subject: [PATCH 1/2] fix: increase size and spacing of slide inidcators for tap-target sizing check --- blocks/carousel/carousel.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css index e6a98fa2..43f42828 100644 --- a/blocks/carousel/carousel.css +++ b/blocks/carousel/carousel.css @@ -63,16 +63,18 @@ } .carousel .carousel-slide-indicators { + --carousel-indicator-size: 1.5rem; + display: flex; justify-content: center; - gap: 0.5rem; + gap: calc(var(--carousel-indicator-size) / 2); } .carousel .carousel-slide-indicator button { - width: 1rem; - height: 1rem; + width: var(--carousel-indicator-size); + height: var(--carousel-indicator-size); padding: 0; - border-radius: 1rem; + border-radius: 50%; background-color: rgba(0 0 0 / 25%); } From 3974cf5adafcd8cbb3b4ee05ec9f764cf1776f30 Mon Sep 17 00:00:00 2001 From: Sean Steimer Date: Fri, 26 Jan 2024 09:23:26 -0800 Subject: [PATCH 2/2] tweaking sizes of slide indicators --- blocks/carousel/carousel.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css index 43f42828..f6aa3664 100644 --- a/blocks/carousel/carousel.css +++ b/blocks/carousel/carousel.css @@ -63,16 +63,14 @@ } .carousel .carousel-slide-indicators { - --carousel-indicator-size: 1.5rem; - display: flex; justify-content: center; - gap: calc(var(--carousel-indicator-size) / 2); + gap: 1.5rem; } .carousel .carousel-slide-indicator button { - width: var(--carousel-indicator-size); - height: var(--carousel-indicator-size); + width: 1.25rem; + height: 1.25rem; padding: 0; border-radius: 50%; background-color: rgba(0 0 0 / 25%);