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

40 lines
1.0 KiB
JavaScript

import {
BoxModel,
ColorPalette,
createStyleSheet,
fixAndroidViewClipping
} from '../../base/styles';
/**
* The styles of the feature conference.
*/
export default createStyleSheet({
/**
* {@code Conference} style.
*/
conference: fixAndroidViewClipping({
alignSelf: 'stretch',
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: BoxModel.margin,
position: 'absolute',
right: BoxModel.margin,
// 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
}
});