196 lines
3.4 KiB
JavaScript
196 lines
3.4 KiB
JavaScript
|
// @flow
|
||
|
|
||
|
import { schemeColor } from '../../../base/color-scheme';
|
||
|
import { ColorPalette, createStyleSheet } from '../../../base/styles';
|
||
|
|
||
|
export const answerStyles = createStyleSheet({
|
||
|
question: {
|
||
|
fontSize: 24,
|
||
|
fontWeight: 'bold',
|
||
|
marginBottom: 6
|
||
|
},
|
||
|
answer: {
|
||
|
flexDirection: 'row',
|
||
|
alignItems: 'center',
|
||
|
marginBottom: 3
|
||
|
},
|
||
|
option: {
|
||
|
flexShrink: 1
|
||
|
}
|
||
|
});
|
||
|
|
||
|
export const dialogStyles = createStyleSheet({
|
||
|
question: {
|
||
|
fontSize: 16,
|
||
|
fontWeight: 'bold',
|
||
|
marginVertical: 4
|
||
|
},
|
||
|
|
||
|
optionContainer: {
|
||
|
flexDirection: 'row'
|
||
|
},
|
||
|
|
||
|
field: {
|
||
|
borderBottomWidth: 1,
|
||
|
borderColor: ColorPalette.blue,
|
||
|
fontSize: 14,
|
||
|
flexGrow: 1,
|
||
|
paddingBottom: 0,
|
||
|
flexShrink: 1
|
||
|
},
|
||
|
|
||
|
buttonContainer: {
|
||
|
justifyContent: 'flex-end',
|
||
|
alignItems: 'center'
|
||
|
},
|
||
|
|
||
|
icon: {
|
||
|
color: ColorPalette.white,
|
||
|
backgroundColor: ColorPalette.blue,
|
||
|
borderRadius: 5,
|
||
|
margin: 0
|
||
|
},
|
||
|
|
||
|
plusButton: {
|
||
|
marginTop: 8
|
||
|
}
|
||
|
});
|
||
|
|
||
|
export const resultsStyles = createStyleSheet({
|
||
|
title: {
|
||
|
fontSize: 24,
|
||
|
fontWeight: 'bold'
|
||
|
},
|
||
|
|
||
|
barContainer: {
|
||
|
backgroundColor: '#ccc',
|
||
|
borderRadius: 3,
|
||
|
width: '100%',
|
||
|
height: 6,
|
||
|
marginTop: 2
|
||
|
},
|
||
|
|
||
|
bar: {
|
||
|
backgroundColor: ColorPalette.blue,
|
||
|
borderRadius: 3,
|
||
|
height: 6
|
||
|
},
|
||
|
|
||
|
voters: {
|
||
|
borderRadius: 3,
|
||
|
borderWidth: 1,
|
||
|
borderColor: 'gray',
|
||
|
padding: 2,
|
||
|
marginHorizontal: 8,
|
||
|
marginVertical: 4
|
||
|
},
|
||
|
|
||
|
answerContainer: {
|
||
|
marginVertical: 2,
|
||
|
maxWidth: '100%'
|
||
|
},
|
||
|
|
||
|
answerHeader: {
|
||
|
flexDirection: 'row',
|
||
|
justifyContent: 'space-between'
|
||
|
},
|
||
|
|
||
|
answer: {
|
||
|
flexShrink: 1
|
||
|
},
|
||
|
|
||
|
answerVoteCount: {
|
||
|
paddingLeft: 10
|
||
|
},
|
||
|
|
||
|
chatQuestion: {
|
||
|
fontWeight: 'bold'
|
||
|
}
|
||
|
});
|
||
|
|
||
|
export const chatStyles = createStyleSheet({
|
||
|
messageFooter: {
|
||
|
flexDirection: 'row',
|
||
|
justifyContent: 'space-between',
|
||
|
alignItems: 'center',
|
||
|
fontSize: 11,
|
||
|
marginTop: 6
|
||
|
},
|
||
|
|
||
|
showDetails: {
|
||
|
fontWeight: 'bold'
|
||
|
},
|
||
|
|
||
|
noPollText: {
|
||
|
flex: 1,
|
||
|
color: schemeColor('displayName'),
|
||
|
textAlign: 'center',
|
||
|
paddingTop: '10%'
|
||
|
},
|
||
|
|
||
|
pollItemContainer: {
|
||
|
borderRadius: 4,
|
||
|
borderColor: '#2183ad',
|
||
|
borderWidth: 2,
|
||
|
padding: 16,
|
||
|
marginBottom: 8
|
||
|
},
|
||
|
|
||
|
pollCreateContainer: {
|
||
|
flex: 1,
|
||
|
justifyContent: 'space-between'
|
||
|
},
|
||
|
|
||
|
pollCreateSubContainer: {
|
||
|
flex: 1
|
||
|
},
|
||
|
|
||
|
pollCreateButton: {
|
||
|
flex: 1,
|
||
|
marginHorizontal: 8
|
||
|
},
|
||
|
|
||
|
buttonRow: {
|
||
|
flexDirection: 'row'
|
||
|
},
|
||
|
|
||
|
answerContent: {
|
||
|
paddingBottom: 8
|
||
|
},
|
||
|
|
||
|
switchRow: {
|
||
|
alignItems: 'center',
|
||
|
flexDirection: 'row',
|
||
|
padding: 6
|
||
|
},
|
||
|
|
||
|
pollCreateAddButton: {
|
||
|
margin: 8
|
||
|
},
|
||
|
|
||
|
toggleText: {
|
||
|
color: ColorPalette.blue,
|
||
|
paddingTop: 16
|
||
|
},
|
||
|
|
||
|
createPollButton: {
|
||
|
padding: 8,
|
||
|
margin: 4
|
||
|
},
|
||
|
|
||
|
PollPane: {
|
||
|
flex: 1,
|
||
|
padding: 8
|
||
|
},
|
||
|
|
||
|
PollPaneContent: {
|
||
|
justifyContent: 'space-between',
|
||
|
flex: 1
|
||
|
},
|
||
|
|
||
|
bottomLinks: {
|
||
|
flexDirection: 'row',
|
||
|
justifyContent: 'space-between'
|
||
|
}
|
||
|
});
|