diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2022-11-17 10:56:42 -0600 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2022-11-17 10:56:42 -0600 |
| commit | 5271718b3bf65413e60049e09cf1403ed67bd3f6 (patch) | |
| tree | e9aa341de068c1ea5a1e572fc812d5b815db236e /src | |
| parent | 6b715224f2221112d4ab5cc49c112d09c5149d80 (diff) | |
| download | voidsky-5271718b3bf65413e60049e09cf1403ed67bd3f6.tar.zst | |
Fix positioning with overflows in the post meta
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/util/PostMeta.tsx | 35 |
1 files changed, 11 insertions, 24 deletions
diff --git a/src/view/com/util/PostMeta.tsx b/src/view/com/util/PostMeta.tsx index 840de8709..1a5528b07 100644 --- a/src/view/com/util/PostMeta.tsx +++ b/src/view/com/util/PostMeta.tsx @@ -25,26 +25,19 @@ export function PostMeta(opts: PostMetaOpts) { ) return ( <View style={styles.meta}> - <View style={[styles.metaNames, maxWidth]}> - <Link - style={[styles.metaItem, maxWidth]} - href={opts.authorHref} - title={opts.authorHandle}> - <Text style={[s.f17, s.bold]} numberOfLines={1}> - {opts.authorDisplayName || opts.authorHandle} + <Link + style={[styles.metaItem, maxWidth]} + href={opts.authorHref} + title={opts.authorHandle}> + <Text style={[s.f17, s.bold]} numberOfLines={1}> + {opts.authorDisplayName || opts.authorHandle} + <Text style={[s.f15, s.gray5, s.normal]} numberOfLines={1}> + {opts.authorHandle} </Text> - </Link> - <Link - style={[styles.metaItem, maxWidth]} - href={opts.authorHref} - title={opts.authorHandle}> - <Text style={[s.f15, s.gray5]} numberOfLines={1}> - @{opts.authorHandle} - </Text> - </Link> - </View> + </Text> + </Link> <Text style={[styles.metaItem, s.f15, s.gray5]}> - {ago(opts.timestamp)} + · {ago(opts.timestamp)} </Text> <View style={s.flex1} /> <PostDropdownBtn @@ -66,12 +59,6 @@ const styles = StyleSheet.create({ paddingTop: 2, paddingBottom: 2, }, - metaNames: { - flexDirection: 'row', - flexWrap: 'wrap', - alignItems: 'center', - overflow: 'hidden', - }, metaItem: { paddingRight: 5, }, |