More spacing and sizing tweaks, including larger post controls
parent
1a69235cf0
commit
158945bbf6
|
@ -142,9 +142,14 @@ export const FeedItem = observer(function ({
|
|||
}>
|
||||
<FontAwesomeIcon
|
||||
icon="retweet"
|
||||
style={[styles.includeReasonIcon, s.gray4]}
|
||||
style={[styles.includeReasonIcon, s.gray5]}
|
||||
/>
|
||||
<Text type="body2" style={{color: pal.colors.textLight}}>
|
||||
<Text
|
||||
type="body2"
|
||||
style={{
|
||||
fontWeight: '600',
|
||||
color: pal.colors.textLight,
|
||||
}}>
|
||||
Reposted by{' '}
|
||||
{item.reasonRepost.by.displayName || item.reasonRepost.by.handle}
|
||||
</Text>
|
||||
|
@ -283,7 +288,6 @@ const styles = StyleSheet.create({
|
|||
},
|
||||
outerSmallTop: {
|
||||
borderTopWidth: 0,
|
||||
paddingTop: 8,
|
||||
},
|
||||
outerNoBottom: {
|
||||
paddingBottom: 2,
|
||||
|
@ -305,6 +309,7 @@ const styles = StyleSheet.create({
|
|||
includeReason: {
|
||||
flexDirection: 'row',
|
||||
paddingLeft: 40,
|
||||
marginTop: 2,
|
||||
marginBottom: 2,
|
||||
},
|
||||
includeReasonIcon: {
|
||||
|
@ -312,6 +317,7 @@ const styles = StyleSheet.create({
|
|||
},
|
||||
layout: {
|
||||
flexDirection: 'row',
|
||||
marginTop: 1,
|
||||
},
|
||||
layoutAvi: {
|
||||
width: 60,
|
||||
|
@ -338,7 +344,7 @@ const styles = StyleSheet.create({
|
|||
marginBottom: 6,
|
||||
},
|
||||
ctrls: {
|
||||
marginTop: 2,
|
||||
marginTop: 4,
|
||||
},
|
||||
viewFullThread: {
|
||||
paddingTop: 12,
|
||||
|
|
|
@ -35,7 +35,7 @@ interface PostCtrlsOpts {
|
|||
|
||||
const redgray = '#7A6161'
|
||||
const sRedgray = {color: redgray}
|
||||
const HITSLOP = {top: 5, left: 5, bottom: 5, right: 5}
|
||||
const HITSLOP = {top: 2, left: 2, bottom: 2, right: 2}
|
||||
|
||||
export function PostCtrls(opts: PostCtrlsOpts) {
|
||||
const interp1 = useAnimatedValue(0)
|
||||
|
@ -137,7 +137,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
|
|||
opts.isReposted ? styles.ctrlIconReposted : styles.ctrlIcon
|
||||
}
|
||||
icon="retweet"
|
||||
size={opts.big ? 22 : 17}
|
||||
size={opts.big ? 22 : 19}
|
||||
/>
|
||||
</Animated.View>
|
||||
{typeof opts.repostCount !== 'undefined' ? (
|
||||
|
@ -161,12 +161,12 @@ export function PostCtrls(opts: PostCtrlsOpts) {
|
|||
{opts.isUpvoted ? (
|
||||
<UpIconSolid
|
||||
style={[styles.ctrlIconUpvoted]}
|
||||
size={opts.big ? 22 : 17}
|
||||
size={opts.big ? 22 : 19}
|
||||
/>
|
||||
) : (
|
||||
<UpIcon
|
||||
style={[styles.ctrlIcon]}
|
||||
size={opts.big ? 22 : 17}
|
||||
size={opts.big ? 22 : 19}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
)}
|
||||
|
@ -194,7 +194,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
|
|||
onDeletePost={opts.onDeletePost}>
|
||||
<FontAwesomeIcon
|
||||
icon="ellipsis-h"
|
||||
size={16}
|
||||
size={18}
|
||||
style={[s.mt2, s.mr5, {color: colors.gray3}]}
|
||||
/>
|
||||
</PostDropdownBtn>
|
||||
|
|
Loading…
Reference in New Issue