no points interactions on thumbs (#13)

argyleink · web-flow · commit cc10d7b9fa17 · 2026-01-25T17:52:49.000-08:00
diff --git a/src/components/player/Slider/styles.css b/src/components/player/Slider/styles.css
@@ -21,6 +21,7 @@
     background-position: center center;
     box-shadow: none;
     background-color: #0000;
+    pointer-events: none;
   }
   &::-moz-range-track {
     @apply h-1.5 w-full cursor-pointer border-none bg-gray-200 outline-none dark:bg-gray-700;
@@ -35,6 +36,7 @@
     @apply h-4 w-4 cursor-pointer appearance-none border-0 bg-transparent bg-contain bg-no-repeat transition-opacity duration-300 outline-none lg:opacity-0;
     background-image: url('/images/rocket-dark.svg');
     background-position: center center;
+    pointer-events: none;
   }
 
   @media (prefers-color-scheme: light) {

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@`
`21`	`21`	`background-position: center center;`
`22`	`22`	`box-shadow: none;`
`23`	`23`	`background-color: #0000;`
	`24`	`+ pointer-events: none;`
`24`	`25`	`}`
`25`	`26`	`&::-moz-range-track {`
`26`	`27`	`@apply h-1.5 w-full cursor-pointer border-none bg-gray-200 outline-none dark:bg-gray-700;`
`@@ -35,6 +36,7 @@`
`35`	`36`	`@apply h-4 w-4 cursor-pointer appearance-none border-0 bg-transparent bg-contain bg-no-repeat transition-opacity duration-300 outline-none lg:opacity-0;`
`36`	`37`	`background-image: url('/images/rocket-dark.svg');`
`37`	`38`	`background-position: center center;`
	`39`	`+ pointer-events: none;`
`38`	`40`	`}`
`39`	`41`
`40`	`42`	`@media (prefers-color-scheme: light) {`