Fix UI issue on classify. reviewed by redding.
Showing
1 changed file
with
5 additions
and
1 deletions
@@ -92,13 +92,17 @@ export default class HotCategoryList extends Component { | @@ -92,13 +92,17 @@ export default class HotCategoryList extends Component { | ||
92 | ...yh_exposureData | 92 | ...yh_exposureData |
93 | }; | 93 | }; |
94 | } | 94 | } |
95 | + let slashTextStyle = {}; | ||
96 | + if (rowData.get('category_name') && rowData.get('category_name').indexOf('/') > 0) { | ||
97 | + slashTextStyle = {marginTop: -6 * DEVICE_WIDTH_RATIO} | ||
98 | + } | ||
95 | return ( | 99 | return ( |
96 | <TouchableOpacity yh_exposureData={yh_exposureData} onPress={() => this.props.onPressHotCategoryItem && this.props.onPressHotCategoryItem(rowData.toJS(), rowID)}> | 100 | <TouchableOpacity yh_exposureData={yh_exposureData} onPress={() => this.props.onPressHotCategoryItem && this.props.onPressHotCategoryItem(rowData.toJS(), rowID)}> |
97 | <View style={[styles.rowContainer, topMargin]}> | 101 | <View style={[styles.rowContainer, topMargin]}> |
98 | {hasImage | 102 | {hasImage |
99 | ? <YH_Image style={styles.rowThumbnail} key={imageUrl} url={imageUrl}/> | 103 | ? <YH_Image style={styles.rowThumbnail} key={imageUrl} url={imageUrl}/> |
100 | : <View style={styles.rowDefaultImageContainer}><Image style={styles.rowDefaultImage} source={require('../../images/yoho_icon.png')}/></View>} | 104 | : <View style={styles.rowDefaultImageContainer}><Image style={styles.rowDefaultImage} source={require('../../images/yoho_icon.png')}/></View>} |
101 | - <View style={styles.rowTextContainer}> | 105 | + <View style={[styles.rowTextContainer, slashTextStyle]}> |
102 | <Text style={styles.rowText} numberOfLines={2}>{rowData.get("category_name")}</Text> | 106 | <Text style={styles.rowText} numberOfLines={2}>{rowData.get("category_name")}</Text> |
103 | </View> | 107 | </View> |
104 | </View> | 108 | </View> |
-
Please register or login to post a comment