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

152 lines
3.1 KiB
JavaScript
Raw Normal View History

2020-03-20 17:30:46 +00:00
import { ColorSchemeRegistry, schemeColor } from '../../../base/color-scheme';
2020-05-20 10:57:03 +00:00
import { BoxModel, ColorPalette, fixAndroidViewClipping } from '../../../base/styles';
2019-02-05 10:10:15 +00:00
2020-05-18 12:07:09 +00:00
export const INSECURE_ROOM_NAME_LABEL_COLOR = ColorPalette.warning;
2019-07-12 08:06:49 +00:00
/**
* The styles of the feature conference.
*/
2019-07-12 08:06:49 +00:00
export default {
/**
* {@code Conference} style.
*/
2017-02-16 21:17:05 +00:00
conference: fixAndroidViewClipping({
alignSelf: 'stretch',
2021-03-18 13:29:52 +00:00
backgroundColor: '#040404',
flex: 1
}),
displayNameContainer: {
margin: 10
},
2019-02-05 10:10:15 +00:00
/**
* View that contains the indicators.
*/
indicatorContainer: {
flex: 1,
flexDirection: 'row'
2019-02-05 10:10:15 +00:00
},
2020-03-20 17:30:46 +00:00
lonelyButton: {
alignItems: 'center',
borderRadius: 24,
flexDirection: 'row',
height: 48,
justifyContent: 'space-around',
paddingHorizontal: 12
},
lonelyButtonComponents: {
marginHorizontal: 6
},
lonelyMeetingContainer: {
alignSelf: 'stretch',
alignItems: 'center',
padding: BoxModel.padding * 2
},
lonelyMessage: {
paddingVertical: 12
},
pipButtonContainer: {
position: 'absolute',
top: 10,
left: 5,
zIndex: 1
},
pipButton: {
2019-01-30 15:43:57 +00:00
iconStyle: {
color: ColorPalette.white,
fontSize: 24
},
underlayColor: 'transparent'
},
navBarSafeView: {
left: 0,
position: 'absolute',
right: 0,
top: 0
},
navBarWrapper: {
alignItems: 'center',
flex: 1,
flexDirection: 'row',
height: 44,
justifyContent: 'center',
2019-01-30 15:43:57 +00:00
paddingHorizontal: 14
},
2020-01-13 17:12:25 +00:00
roomTimer: {
color: ColorPalette.white,
fontSize: 12,
fontWeight: '400',
paddingHorizontal: 8
},
roomTimerView: {
backgroundColor: 'rgba(0,0,0,0.8)',
borderBottomRightRadius: 3,
borderTopRightRadius: 3,
height: 28,
justifyContent: 'center',
minWidth: 50
2020-01-13 17:12:25 +00:00
},
2019-01-30 15:43:57 +00:00
roomName: {
color: ColorPalette.white,
fontSize: 14,
2019-01-30 15:43:57 +00:00
fontWeight: '400'
},
roomNameView: {
backgroundColor: 'rgba(0,0,0,0.6)',
borderBottomLeftRadius: 3,
borderTopLeftRadius: 3,
flexShrink: 1,
height: 28,
justifyContent: 'center',
paddingHorizontal: 10
},
roomNameWrapper: {
flexDirection: 'row'
},
/**
* 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: {
2019-07-12 08:06:49 +00:00
bottom: 0,
flexDirection: 'column',
justifyContent: 'flex-end',
left: 0,
position: 'absolute',
right: 0,
top: 0
2020-05-18 12:07:09 +00:00
},
insecureRoomNameLabel: {
backgroundColor: INSECURE_ROOM_NAME_LABEL_COLOR
}
2019-07-12 08:06:49 +00:00
};
2020-03-20 17:30:46 +00:00
ColorSchemeRegistry.register('Conference', {
lonelyButton: {
backgroundColor: schemeColor('inviteButtonBackground')
},
lonelyMessage: {
color: schemeColor('onVideoText')
}
});