diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-12-12 17:42:36 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-12-12 17:42:36 +0000 |
| commit | 4b32b0a71be4669fa0741efc46d646093c3114f5 (patch) | |
| tree | 1580e8084545a00e06d124458a227a14e5b213a2 /src | |
| parent | f8cdd6b9ae46a9a4efe0be87e55ee1debded4f91 (diff) | |
| download | voidsky-4b32b0a71be4669fa0741efc46d646093c3114f5.tar.zst | |
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>
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/util/post-embeds/VideoEmbedInner/web-controls/Scrubber.tsx | 8 |
1 files changed, 6 insertions, 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 index 74aad64e1..96960bad4 100644 --- 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 |