quilling.dev
An ATproto social media client -- with an independent Appview.
Increase scrubber height if touch device (#7081)
* further increase target area of scrubber
* make scrubber bigger if touch device
---------
Co-authored-by: Antonio Sarcevic <sarcevicantonio@gmail.com>
authored by
Antonio Sarcevic
and committed by
GitHub
4b32b0a7
f8cdd6b9
+6
-2
+6
-2
src/view/com/util/post-embeds/VideoEmbedInner/web-controls/Scrubber.tsx
+6
-2
src/view/com/util/post-embeds/VideoEmbedInner/web-controls/Scrubber.tsx
···
3
3
import {msg} from '@lingui/macro'
4
4
import {useLingui} from '@lingui/react'
5
5
6
-
import {isFirefox} from '#/lib/browser'
6
+
import {isFirefox, isTouchDevice} from '#/lib/browser'
7
7
import {clamp} from '#/lib/numbers'
8
8
import {atoms as a, useTheme, web} from '#/alf'
9
9
import {useInteractionState} from '#/components/hooks/useInteractionState'
···
148
148
return (
149
149
<View
150
150
testID="scrubber"
151
-
style={[{height: 18, width: '100%'}, a.flex_shrink_0, a.px_xs]}
151
+
style={[
152
+
{height: isTouchDevice ? 32 : 18, width: '100%'},
153
+
a.flex_shrink_0,
154
+
a.px_xs,
155
+
]}
152
156
onPointerEnter={onStartHover}
153
157
onPointerLeave={onEndHover}>
154
158
<div