Increase scrubber height if touch device (#7081)

* further increase target area of scrubber * make scrubber bigger if touch device --------- Co-authored-by: Antonio Sarcevic <[email protected]>
bluesky-social · Dec 12, 2024 · 4b32b0a · 4b32b0a
1 parent f8cdd6b
commit 4b32b0a
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/Scrubber.tsx b/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/Scrubber.tsx
@@ -3,7 +3,7 @@ import {View} from 'react-native'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
-import {isFirefox} from '#/lib/browser'
+import {isFirefox, isTouchDevice} from '#/lib/browser'
 import {clamp} from '#/lib/numbers'
 import {atoms as a, useTheme, web} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
@@ -148,7 +148,11 @@ export function Scrubber({
   return (
     <View
       testID="scrubber"
-      style={[{height: 18, width: '100%'}, a.flex_shrink_0, a.px_xs]}
+      style={[
+        {height: isTouchDevice ? 32 : 18, width: '100%'},
+        a.flex_shrink_0,
+        a.px_xs,
+      ]}
       onPointerEnter={onStartHover}
       onPointerLeave={onEndHover}>
       <div