Improve look of checkbox and smart list badges

This commit is contained in:
Scott Kyle 2015-10-27 14:23:17 -07:00
parent ab33d47a94
commit 922bf1d0f7
3 changed files with 20 additions and 6 deletions

View File

@ -28,10 +28,22 @@ module.exports = React.StyleSheet.create({
width: 36,
},
listItemCheckbox: {
borderColor: "#000",
borderWidth: 0.5,
borderColor: '#ccc',
borderWidth: 1,
textAlign: 'center',
width: 16,
height: 16,
lineHeight: 14,
},
listItemCount: {
borderColor: '#ccc',
borderWidth: 1,
borderRadius: 8,
textAlign: 'center',
fontSize: 12,
width: 24,
height: 18,
lineHeight: 16,
},
listItemInput: {
fontFamily: 'System',

View File

@ -34,9 +34,9 @@ class TodoItem extends TodoListItem {
return (
<TouchableWithoutFeedback onPress={this._onPressCheckbox}>
<View style={styles.listItemLeftSide}>
<View style={styles.listItemCheckbox}>
<Text>{this.done ? '✓' : ''}</Text>
</View>
<Text style={styles.listItemCheckbox}>
{this.done ? '✓' : ''}
</Text>
</View>
</TouchableWithoutFeedback>
);

View File

@ -131,7 +131,9 @@ class TodoListExtraItem extends TodoListItem {
renderLeftSide() {
return (
<View style={styles.listItemLeftSide}>
<Text>{this.props.item.items.length}</Text>
<Text style={styles.listItemCount}>
{this.props.item.items.length}
</Text>
</View>
);
}