127 lines
2.3 KiB
TypeScript
127 lines
2.3 KiB
TypeScript
import { PixelRatio, StyleSheet } from 'react-native';
|
|
|
|
import sharedStyles from '../../views/Styles';
|
|
|
|
export const ROW_HEIGHT = 75 * PixelRatio.getFontScale();
|
|
export const ROW_HEIGHT_CONDENSED = 60 * PixelRatio.getFontScale();
|
|
export const ACTION_WIDTH = 80;
|
|
export const SMALL_SWIPE = ACTION_WIDTH / 2;
|
|
export const LONG_SWIPE = ACTION_WIDTH * 3;
|
|
|
|
export default StyleSheet.create<any>({
|
|
flex: {
|
|
flex: 1
|
|
},
|
|
container: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
paddingLeft: 14,
|
|
height: ROW_HEIGHT
|
|
},
|
|
containerCondensed: {
|
|
height: ROW_HEIGHT_CONDENSED
|
|
},
|
|
condensedPaddingVertical: {
|
|
paddingVertical: 20
|
|
},
|
|
centerContainer: {
|
|
flex: 1,
|
|
paddingVertical: 10,
|
|
paddingRight: 14,
|
|
borderBottomWidth: StyleSheet.hairlineWidth
|
|
},
|
|
title: {
|
|
flex: 1,
|
|
fontSize: 17,
|
|
lineHeight: 20,
|
|
...sharedStyles.textMedium
|
|
},
|
|
alert: {
|
|
...sharedStyles.textSemibold
|
|
},
|
|
row: {
|
|
flex: 1,
|
|
flexDirection: 'row',
|
|
alignItems: 'flex-start'
|
|
},
|
|
wrapUpdatedAndBadge: {
|
|
alignItems: 'flex-end'
|
|
},
|
|
titleContainer: {
|
|
width: '100%',
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
justifyContent: 'center'
|
|
},
|
|
date: {
|
|
fontSize: 13,
|
|
marginLeft: 4,
|
|
...sharedStyles.textRegular
|
|
},
|
|
updateAlert: {
|
|
...sharedStyles.textSemibold
|
|
},
|
|
status: {
|
|
marginRight: 2
|
|
},
|
|
markdownText: {
|
|
flex: 1,
|
|
fontSize: 14,
|
|
lineHeight: 17,
|
|
...sharedStyles.textRegular
|
|
},
|
|
avatar: {
|
|
marginRight: 10
|
|
},
|
|
upperContainer: {
|
|
overflow: 'hidden'
|
|
},
|
|
actionsContainer: {
|
|
position: 'absolute',
|
|
left: 0,
|
|
right: 0,
|
|
height: ROW_HEIGHT
|
|
},
|
|
actionsLeftContainer: {
|
|
flexDirection: 'row',
|
|
position: 'absolute',
|
|
left: 0,
|
|
right: 0,
|
|
height: ROW_HEIGHT
|
|
},
|
|
actionLeftButtonContainer: {
|
|
position: 'absolute',
|
|
height: ROW_HEIGHT,
|
|
justifyContent: 'center',
|
|
top: 0,
|
|
right: 0
|
|
},
|
|
actionRightButtonContainer: {
|
|
position: 'absolute',
|
|
height: ROW_HEIGHT,
|
|
justifyContent: 'center',
|
|
top: 0
|
|
},
|
|
actionButton: {
|
|
width: ACTION_WIDTH,
|
|
height: '100%',
|
|
alignItems: 'center',
|
|
justifyContent: 'center'
|
|
},
|
|
tagContainer: {
|
|
alignSelf: 'center',
|
|
alignItems: 'center',
|
|
borderRadius: 4,
|
|
marginHorizontal: 4
|
|
},
|
|
tagText: {
|
|
fontSize: 13,
|
|
paddingHorizontal: 4,
|
|
...sharedStyles.textSemibold
|
|
},
|
|
typeIcon: {
|
|
height: ROW_HEIGHT,
|
|
justifyContent: 'center'
|
|
}
|
|
});
|