changed event title rendering to wrap on certain size

soniasophia · Sep 21, 2017 · 3a98f46 · 3a98f46
1 parent ef03195
commit 3a98f46
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 16 deletions.
diff --git a/js/scenes/Event/styles.js b/js/scenes/Event/styles.js
@@ -27,41 +27,36 @@ export const styles = StyleSheet.create({
 
   contentContainer: {
     justifyContent: "flex-start",
-    //flex: 1,
-    //alignItems: 'center',
     width: Dimensions.get('window').width,
   },
 
   talkContainer: {
     flexDirection: 'row',
     justifyContent: 'flex-start',
     alignItems: 'center',
+    alignSelf: 'flex-start',
     marginBottom: 10,
-    borderColor: 'red',
-    borderWidth: 2,
     right: 30,
+    height: 70,
     width: Dimensions.get('window').width,
   },
 
   talkBorder: {
     backgroundColor: colors.darkGrey,
     borderTopLeftRadius: 8,
     borderBottomLeftRadius: 8,
-    minHeight: 50,
+    height: 80,
+    alignItems: 'center',
     width: Dimensions.get('window').width / 1.1,
     alignSelf: 'flex-end',
     marginTop: 2.5,
-    marginBottom: 2.5,
-    borderColor: 'green',
-    borderWidth: 2
+    marginBottom: 2.5
   },
 
   talkDetails: {
     flexDirection: 'column',
     backgroundColor: 'transparent',
-    borderColor: 'yellow',
-    borderWidth: 2,
-    maxWidth: Dimensions.get('window').width / 1.55
+    maxWidth: Dimensions.get('window').width / 1.35
   },
 
   talkTitleContainer: {
@@ -70,21 +65,21 @@ export const styles = StyleSheet.create({
 
   talkTitle: {
     fontFamily: typography.fontMainBold,
-    fontSize: typography.robotoRegular14,
+    fontSize: typography.robotoRegular12,
     color: colors.white,
     margin: 5
   },
 
   speaker: {
     fontFamily: typography.fontMainRegular,
-    fontSize: typography.robotoRegular14,
+    fontSize: typography.robotoRegular12,
     color: colors.white,
     margin: 5
   },
 
   image: {
-    height: 70,
-    width: 70,
+    height: 60,
+    width: 60,
     borderRadius: 10,
     margin: 10
   }

diff --git a/js/scenes/Speaker/SpeakerComponents.js b/js/scenes/Speaker/SpeakerComponents.js
@@ -93,7 +93,7 @@ export const GoalsList = ({ speakerData }) => (
 
   <ScrollView style={cStyles.goalsContainer}>
     {Object.keys(speakerData.speaker_id.goals).map((key, index) => (
-      speakerData.speaker_id.goals[key].length && <Text key={index} style={cStyles.goalItem}> - {speakerData.speaker_id.goals[key]}</Text>
+      (speakerData.speaker_id.goals[key].length > 0) && <Text key={index} style={cStyles.goalItem}> - {speakerData.speaker_id.goals[key]}</Text>
     )
     )}
   </ScrollView>