diff options
| author | Hailey <me@haileyok.com> | 2024-05-13 08:49:54 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-13 08:49:54 -0700 |
| commit | e02cae2acdc9f7c22a14aefeacbcd0ce4472b1a0 (patch) | |
| tree | 4c891ee6c0c385b0bdc6d4aa457dbf8893c8b7b5 | |
| parent | d49b93dc7e77962c143e4798344c8e35ab8a637e (diff) | |
| download | voidsky-e02cae2acdc9f7c22a14aefeacbcd0ce4472b1a0.tar.zst | |
Fix overflowing text on web and iOS in `PostMeta` (#3982)
* `flexShrink` on iOS and web `flexShrink` on iOS and web `flexShrink` on iOS and web actually, `flexShrink` use `flex` * adjust web * `expect-error` `onMouseUp` * ignore ref type check
| -rw-r--r-- | src/components/ProfileHoverCard/index.web.tsx | 10 | ||||
| -rw-r--r-- | src/view/com/util/PostMeta.tsx | 2 |
2 files changed, 6 insertions, 6 deletions
diff --git a/src/components/ProfileHoverCard/index.web.tsx b/src/components/ProfileHoverCard/index.web.tsx index c6125e2e5..09a4b397b 100644 --- a/src/components/ProfileHoverCard/index.web.tsx +++ b/src/components/ProfileHoverCard/index.web.tsx @@ -285,14 +285,14 @@ export function ProfileHoverCardInner(props: ProfileHoverCardProps) { } return ( - <div + <View + // @ts-ignore View is being used as div ref={refs.setReference} onPointerMove={onPointerMoveTarget} onPointerLeave={onPointerLeaveTarget} + // @ts-ignore web only prop onMouseUp={onPress} - style={{ - display: props.inline ? 'inline' : 'block', - }}> + style={{flexShrink: 1}}> {props.children} {isVisible && ( <Portal> @@ -307,7 +307,7 @@ export function ProfileHoverCardInner(props: ProfileHoverCardProps) { </div> </Portal> )} - </div> + </View> ) } diff --git a/src/view/com/util/PostMeta.tsx b/src/view/com/util/PostMeta.tsx index c0e4d8099..b6fe6d374 100644 --- a/src/view/com/util/PostMeta.tsx +++ b/src/view/com/util/PostMeta.tsx @@ -142,6 +142,6 @@ const styles = StyleSheet.create({ }, maxWidth: { flex: isAndroid ? 1 : undefined, - maxWidth: !isAndroid ? '80%' : undefined, + flexShrink: isAndroid ? undefined : 1, }, }) |