diff options
| author | Hailey <me@haileyok.com> | 2024-05-30 21:32:54 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-31 05:32:54 +0100 |
| commit | 89c9fd3be16ea96182842544d76ce019cb8e1403 (patch) | |
| tree | 746f4319830142ba1bdac47fef8608f05e744c56 /src/view/com/posts/FeedItem.tsx | |
| parent | 8569e2e389e756ec2df6c547e894689500d1c111 (diff) | |
| download | voidsky-89c9fd3be16ea96182842544d76ce019cb8e1403.tar.zst | |
Change many border widths from `1` to `hairlineWidth` (#4294)
* feed items * update some more * moar * profile card * composer and notifications * settings screen * remove border from first item in feeds * remove border from first item in feeds * more removal of top border * fix flatlist rendering * oops * scroll to top fab * a.border * centeredview/list * placeholder * web sidebar * search posts * feeds list * user lists * list header * account list width 1 * hide top border feedgens * same for lists * fix tab bar web desktop * wait... * show the border on desktop web * fix lists * fix lists * round
Diffstat (limited to 'src/view/com/posts/FeedItem.tsx')
| -rw-r--r-- | src/view/com/posts/FeedItem.tsx | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx index b10ffe19f..72c8b8757 100644 --- a/src/view/com/posts/FeedItem.tsx +++ b/src/view/com/posts/FeedItem.tsx @@ -42,6 +42,7 @@ import {PostMeta} from '../util/PostMeta' import {Text} from '../util/text/Text' import {PreviewableUserAvatar} from '../util/UserAvatar' import {AviFollowButton} from './AviFollowButton' +import hairlineWidth = StyleSheet.hairlineWidth interface FeedItemProps { record: AppBskyFeedPost.Record @@ -53,6 +54,7 @@ interface FeedItemProps { isThreadLastChild?: boolean isThreadParent?: boolean feedContext: string | undefined + hideTopBorder?: boolean } export function FeedItem({ @@ -66,6 +68,7 @@ export function FeedItem({ isThreadChild, isThreadLastChild, isThreadParent, + hideTopBorder, }: FeedItemProps & {post: AppBskyFeedDefs.PostView}): React.ReactNode { const postShadowed = usePostShadow(post) const richText = useMemo( @@ -95,6 +98,7 @@ export function FeedItem({ isThreadChild={isThreadChild} isThreadLastChild={isThreadLastChild} isThreadParent={isThreadParent} + hideTopBorder={hideTopBorder} /> ) } @@ -113,6 +117,7 @@ let FeedItemInner = ({ isThreadChild, isThreadLastChild, isThreadParent, + hideTopBorder, }: FeedItemProps & { richText: RichTextAPI post: Shadow<AppBskyFeedDefs.PostView> @@ -186,8 +191,8 @@ let FeedItemInner = ({ isThreadLastChild || (!isThreadChild && !isThreadParent) ? 8 : undefined, + borderTopWidth: hideTopBorder || isThreadChild ? 0 : hairlineWidth, }, - isThreadChild ? styles.outerSmallTop : undefined, ] return ( @@ -445,16 +450,12 @@ function ReplyToLabel({profile}: {profile: AppBskyActorDefs.ProfileViewBasic}) { const styles = StyleSheet.create({ outer: { - borderTopWidth: 1, paddingLeft: 10, paddingRight: 15, // @ts-ignore web only -prf cursor: 'pointer', overflow: 'hidden', }, - outerSmallTop: { - borderTopWidth: 0, - }, replyLine: { width: 2, marginLeft: 'auto', |