jiti-meet/react/features/conference/components/styles.js

40 lines
1019 B
JavaScript
Raw Normal View History

2017-02-16 21:17:05 +00:00
import {
BoxModel,
2017-02-16 21:17:05 +00:00
ColorPalette,
createStyleSheet,
fixAndroidViewClipping
} from '../../base/styles';
/**
* The styles of the feature conference.
*/
export default createStyleSheet({
/**
* {@code Conference} style.
*/
2017-02-16 21:17:05 +00:00
conference: fixAndroidViewClipping({
alignSelf: 'stretch',
2016-11-08 22:09:07 +00:00
backgroundColor: ColorPalette.appBackground,
flex: 1
}),
/**
* The style of the {@link View} which expands over the whole
* {@link Conference} area and splits it between the {@link Filmstrip} and
* the {@link Toolbox}.
*/
toolboxAndFilmstripContainer: {
bottom: BoxModel.margin,
flexDirection: 'column',
justifyContent: 'flex-end',
left: 0,
position: 'absolute',
right: 0,
// Both on Android and iOS there is the status bar which may be visible.
// On iPhone X there is the notch. In the two cases BoxModel.margin is
// not enough.
top: BoxModel.margin * 3
}
});