2017-02-16 21:17:05 +00:00
|
|
|
import {
|
|
|
|
BoxModel,
|
|
|
|
ColorPalette,
|
|
|
|
createStyleSheet,
|
|
|
|
fixAndroidViewClipping
|
|
|
|
} from '../../base/styles';
|
2016-10-05 14:36:59 +00:00
|
|
|
|
|
|
|
/**
|
2016-11-29 20:04:56 +00:00
|
|
|
* The default color of text on the WelcomePage.
|
2016-10-05 14:36:59 +00:00
|
|
|
*/
|
2016-11-29 20:04:56 +00:00
|
|
|
const TEXT_COLOR = ColorPalette.white;
|
2016-10-05 14:36:59 +00:00
|
|
|
|
|
|
|
/**
|
2017-08-24 15:58:22 +00:00
|
|
|
* The styles of the React <tt>Components</tt> of the feature welcome including
|
|
|
|
* <tt>WelcomePage</tt> and <tt>BlankPage</tt>.
|
2016-10-05 14:36:59 +00:00
|
|
|
*/
|
2017-06-10 22:50:42 +00:00
|
|
|
export default createStyleSheet({
|
2017-08-24 15:58:22 +00:00
|
|
|
/**
|
2017-09-05 22:45:20 +00:00
|
|
|
* The style of the top-level container of <tt>BlankPage</tt>.
|
2017-08-24 15:58:22 +00:00
|
|
|
*/
|
|
|
|
blankPage: {
|
|
|
|
},
|
|
|
|
|
2016-10-05 14:36:59 +00:00
|
|
|
/**
|
2016-11-29 20:04:56 +00:00
|
|
|
* Join button style.
|
2016-10-05 14:36:59 +00:00
|
|
|
*/
|
|
|
|
button: {
|
2016-11-29 20:04:56 +00:00
|
|
|
backgroundColor: ColorPalette.white,
|
|
|
|
borderColor: ColorPalette.white,
|
2016-10-05 14:36:59 +00:00
|
|
|
borderRadius: 8,
|
|
|
|
borderWidth: 1,
|
|
|
|
height: 45,
|
|
|
|
justifyContent: 'center',
|
2016-11-29 20:04:56 +00:00
|
|
|
marginBottom: BoxModel.margin,
|
|
|
|
marginTop: BoxModel.margin
|
2016-10-05 14:36:59 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Join button text style.
|
|
|
|
*/
|
|
|
|
buttonText: {
|
|
|
|
alignSelf: 'center',
|
2017-09-22 20:07:06 +00:00
|
|
|
color: ColorPalette.blue,
|
2016-10-05 14:36:59 +00:00
|
|
|
fontSize: 18
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
2016-11-29 20:04:56 +00:00
|
|
|
* The style of the legal-related content such as (hyper)links to Privacy
|
|
|
|
* Policy and Terms of Service displayed on the WelcomePage.
|
2016-10-05 14:36:59 +00:00
|
|
|
*/
|
2016-11-29 20:04:56 +00:00
|
|
|
legaleseContainer: {
|
2016-12-11 23:41:14 +00:00
|
|
|
alignItems: 'center',
|
2016-11-29 20:04:56 +00:00
|
|
|
flex: 0,
|
|
|
|
flexDirection: 'row',
|
|
|
|
justifyContent: 'center'
|
2016-10-05 14:36:59 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
2016-11-29 20:04:56 +00:00
|
|
|
* The style of a piece of legal-related content such as a (hyper)link to
|
|
|
|
* Privacy Policy or Terms of Service displayed on the WelcomePage.
|
2016-10-05 14:36:59 +00:00
|
|
|
*/
|
2016-11-29 20:04:56 +00:00
|
|
|
legaleseItem: {
|
|
|
|
color: TEXT_COLOR,
|
2016-12-11 23:41:14 +00:00
|
|
|
fontSize: 12,
|
2016-11-29 20:04:56 +00:00
|
|
|
margin: BoxModel.margin
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
2017-09-05 22:45:20 +00:00
|
|
|
* The style of the <tt>View</tt> displayed over the local video by
|
|
|
|
* <tt>LocalVideoTrackUnderlay</tt>. The latter is thought of as the
|
|
|
|
* background (content). The former is thought of as the foreground
|
|
|
|
* (content).
|
2016-11-29 20:04:56 +00:00
|
|
|
*/
|
2017-09-05 22:45:20 +00:00
|
|
|
localVideoTrackOverlay: {
|
2016-11-30 16:00:59 +00:00
|
|
|
backgroundColor: 'transparent',
|
2016-11-29 20:04:56 +00:00
|
|
|
bottom: 0,
|
|
|
|
flex: 1,
|
|
|
|
flexDirection: 'column',
|
2017-09-05 22:45:20 +00:00
|
|
|
justifyContent: 'center',
|
2016-11-29 20:04:56 +00:00
|
|
|
left: 0,
|
|
|
|
position: 'absolute',
|
|
|
|
right: 0,
|
|
|
|
top: 0
|
|
|
|
},
|
|
|
|
|
2017-09-05 22:45:20 +00:00
|
|
|
/**
|
|
|
|
* The style of the top-level container/<tt>View</tt> of
|
|
|
|
* <tt>LocalVideoTrackUnderlay</tt>.
|
|
|
|
*/
|
|
|
|
localVideoTrackUnderlay: fixAndroidViewClipping({
|
|
|
|
alignSelf: 'stretch',
|
|
|
|
backgroundColor: 'transparent',
|
2017-09-06 13:22:39 +00:00
|
|
|
flex: 1
|
2017-09-05 22:45:20 +00:00
|
|
|
}),
|
|
|
|
|
2016-11-29 20:04:56 +00:00
|
|
|
/**
|
|
|
|
* Container for room name input box and 'join' button.
|
|
|
|
*/
|
|
|
|
roomContainer: {
|
|
|
|
flex: 1,
|
|
|
|
flexDirection: 'column',
|
|
|
|
justifyContent: 'center',
|
|
|
|
margin: 3 * BoxModel.margin
|
2016-10-05 14:36:59 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Room input style.
|
|
|
|
*/
|
|
|
|
textInput: {
|
|
|
|
backgroundColor: 'transparent',
|
2016-11-29 20:04:56 +00:00
|
|
|
borderColor: ColorPalette.white,
|
2016-10-05 14:36:59 +00:00
|
|
|
borderRadius: 8,
|
|
|
|
borderWidth: 1,
|
2016-11-29 20:04:56 +00:00
|
|
|
color: TEXT_COLOR,
|
2016-10-05 14:36:59 +00:00
|
|
|
fontSize: 23,
|
|
|
|
height: 50,
|
|
|
|
padding: 4,
|
|
|
|
textAlign: 'center'
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Application title style.
|
|
|
|
*/
|
|
|
|
title: {
|
2016-11-29 20:04:56 +00:00
|
|
|
color: TEXT_COLOR,
|
2016-10-05 14:36:59 +00:00
|
|
|
fontSize: 25,
|
2016-11-29 20:04:56 +00:00
|
|
|
marginBottom: 2 * BoxModel.margin,
|
2016-10-05 14:36:59 +00:00
|
|
|
textAlign: 'center'
|
2017-09-05 22:45:20 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* The style of the top-level container of <tt>WelcomePage</tt>.
|
|
|
|
*/
|
|
|
|
welcomePage: {
|
|
|
|
backgroundColor: ColorPalette.blue
|
2016-10-05 14:36:59 +00:00
|
|
|
}
|
|
|
|
});
|