fix: details header text styling, adjust padding on avatar header title

netguru · Apr 14, 2020 · c5226ea · c5226ea
1 parent ec1ba5d
commit c5226ea
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/predefinedComponents/AvatarHeader/AvatarHeader.styles.js b/src/predefinedComponents/AvatarHeader/AvatarHeader.styles.js
@@ -74,5 74,6 @@ export default StyleSheet.create({
  },
  foregroundTitle: {
  flexGrow: 1,
  paddingRight: 12,
  }
 })
diff --git a/src/predefinedComponents/DetailsHeader/DetailsHeader.js b/src/predefinedComponents/DetailsHeader/DetailsHeader.js
@@ -73,13 73,14 @@ class DetailsHeader extends React.Component {
  extrapolate: 'clamp'
  })
 
 
  return (
  <View style={styles.foreground}>
  <Animated.View style={[styles.foregroundTitle, { opacity: labelOpacity, labelColor }]}>
  <Text style={styles.foregroundText}>{tag}</Text>
  </Animated.View>
  <Animated.View style={[styles.messageContainer, { opacity: titleOpacity }]}>
- <Text style={styles.message}>{title}</Text>
  <Text numberOfLines={3} style={styles.message}>{title}</Text>
  </Animated.View>
  <Animated.View style={[styles.infoContainer, { opacity: authorOpacity }]}>
  <View style={styles.iconContainer}>
@@ -88,7 89,7 @@ class DetailsHeader extends React.Component {
  </View>
  <View style={styles.footerContainer}>
  <Image source={image} style={styles.authorPhoto} resizeMode="contain" />
- <Text style={styles.authorName}>{user.author}</Text>
  <Text numberOfLines={1} style={styles.authorName}>{user.author}</Text>
  </View>
  </Animated.View>
  </View>

diff --git a/src/predefinedComponents/DetailsHeader/DetailsHeader.styles.js b/src/predefinedComponents/DetailsHeader/DetailsHeader.styles.js
@@ -62,6 62,7 @@ export default StyleSheet.create({
  flex: 8
  },
  headerTitle: {
  paddingHorizontal: 12,
  fontSize: 16,
  lineHeight: 20,
  color: colors.white