src/containers/foiRequests/styles.js
import { StyleSheet } from 'react-native';
import { greyDark, greyLight, primaryColor } from '../../globals/colors';
export const LIST_HEADER_HEIGHT = 56;
export const styles = StyleSheet.create({
background: { backgroundColor: 'white', height: '100%' },
header: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
// height: LIST_HEADER_HEIGHT,
},
container: {
backgroundColor: 'white',
borderBottomWidth: 1,
borderBottomColor: greyLight,
// height: LIST_HEADER_HEIGHT,
},
item: {
flexGrow: 1,
flexBasis: 0,
borderLeftWidth: 1,
borderColor: greyLight,
paddingHorizontal: 10,
paddingBottom: 5,
// height: LIST_HEADER_HEIGHT,
},
firstItem: {
borderLeftWidth: 0,
},
publicBody: {
flexGrow: 2,
},
pbLabel: {
paddingTop: 5,
flexShrink: 0.9, // some value below 1 so it's below the flexShrink value of the cross
},
pbCross: {
alignSelf: 'flex-start',
paddingTop: 5,
height: '100%',
paddingLeft: 10,
},
label: {
fontSize: 12,
color: greyDark,
},
selection: {
color: primaryColor,
fontSize: 12,
},
align: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'flex-end',
},
});