fix(rn, Labels): Place picture-in-picture button on the left

This commit is contained in:
Vlad Piersec 2021-05-04 16:10:17 +03:00 committed by vp8x8
parent e765253204
commit 79939f108c
2 changed files with 12 additions and 4 deletions

View File

@ -53,8 +53,10 @@ const NavigationBar = (props: Props) => {
<View <View
pointerEvents = 'box-none' pointerEvents = 'box-none'
style = { styles.navBarWrapper }> style = { styles.navBarWrapper }>
<PictureInPictureButton <View style = { styles.pipButtonContainer }>
styles = { styles.navBarButton } /> <PictureInPictureButton
styles = { styles.pipButton } />
</View>
<View <View
pointerEvents = 'box-none' pointerEvents = 'box-none'
style = { styles.roomNameWrapper }> style = { styles.roomNameWrapper }>

View File

@ -53,12 +53,18 @@ export default {
paddingVertical: 12 paddingVertical: 12
}, },
navBarButton: { pipButtonContainer: {
position: 'absolute',
top: 10,
left: 5,
zIndex: 1
},
pipButton: {
iconStyle: { iconStyle: {
color: ColorPalette.white, color: ColorPalette.white,
fontSize: 24 fontSize: 24
}, },
underlayColor: 'transparent' underlayColor: 'transparent'
}, },