fix(slider): Clickable area has improper pointer

AmadeusITGroup · Sep 19, 2024 · 32816da · 32816da
1 parent 4dac0a0
commit 32816da
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/core-bootstrap/src/scss/_variables.scss b/core-bootstrap/src/scss/_variables.scss
@@ -53,6 +53,7 @@ $au-slider-clickable-area-translateX: translateX(-50%) !default;
 $au-slider-clickable-area-main-size: 1.5rem !default;
 $au-slider-clickable-area-secondary-size: 100% !default;
 $au-slider-clickable-area-vertical-flex-shrink: 0 !default;
+$au-slider-clickable-area-cursor: pointer !default;
 $au-slider-disabled-color: var(--#{$prefix}dark-bg-subtle, #ced4da) !default;
 $au-slider-disabled-cursor: not-allowed !default;
 

diff --git a/core-bootstrap/src/scss/slider.scss b/core-bootstrap/src/scss/slider.scss
@@ -71,6 +71,7 @@
 	--#{variables.$prefix}slider-clickable-area-translate: #{variables.$au-slider-clickable-area-translateY};
 	--#{variables.$prefix}slider-clickable-area-vertical-translate: #{variables.$au-slider-clickable-area-translateX};
 	--#{variables.$prefix}slider-clickable-area-vertical-flex-shrink: #{variables.$au-slider-clickable-area-vertical-flex-shrink};
+	--#{variables.$prefix}slider-clickable-area-cursor: #{variables.$au-slider-clickable-area-cursor};
 
 	--#{variables.$prefix}slider-disabled-color: #{variables.$au-slider-disabled-color};
 	--#{variables.$prefix}slider-disabled-cursor: #{variables.$au-slider-disabled-cursor};
@@ -219,13 +220,15 @@
 		height: var(--#{variables.$prefix}slider-clickable-area-main-size);
 		width: var(--#{variables.$prefix}slider-clickable-area-secondary-size);
 		transform: var(--#{variables.$prefix}slider-clickable-area-translate);
+		cursor: var(--#{variables.$prefix}slider-clickable-area-cursor);
 	}
 
 	.au-slider-clickable-area-vertical {
 		width: var(--#{variables.$prefix}slider-clickable-area-main-size);
 		height: var(--#{variables.$prefix}slider-clickable-area-secondary-size);
 		transform: var(--#{variables.$prefix}slider-clickable-area-vertical-translate);
 		flex-shrink: var(--#{variables.$prefix}slider-clickable-area-vertical-flex-shrink);
+		cursor: var(--#{variables.$prefix}slider-clickable-area-cursor);
 	}
 
 	&.disabled {