LBRYCommunity/lbry-android
1
0
Fork 0
Code Issues 155 Pull requests 6 Projects Releases 84 Packages Wiki Activity

Merge pull request #270 from lbryio/ux-tweaks

Browse source 
some file page UX tweaks
This commit is contained in:
Akinwale Ariwodola 2018-08-30 14:39:41 +01:00 committed by GitHub
commit 3b76dca8f1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/src/page/file/view.js
View file

@ -311,7 +311,7 @@ class FilePage extends React.PureComponent {
<View style={this.state.fullscreenMode ? filePageStyle.innerPageContainerFsMode : filePageStyle.innerPageContainer} <View style={this.state.fullscreenMode ? filePageStyle.innerPageContainerFsMode : filePageStyle.innerPageContainer}
onLayout={this.checkOrientation}> onLayout={this.checkOrientation}>
<View style={filePageStyle.mediaContainer}> <View style={filePageStyle.mediaContainer}>
{(canOpen || (!fileInfo || (isPlayable && !canLoadMedia))) && {((canOpen || (!fileInfo || (isPlayable && !canLoadMedia))) || (!canOpen && fileInfo)) &&
<FileItemMedia style={filePageStyle.thumbnail} title={title} thumbnail={metadata.thumbnail} />} <FileItemMedia style={filePageStyle.thumbnail} title={title} thumbnail={metadata.thumbnail} />}
{((!this.state.downloadButtonShown || this.state.downloadPressed) && !this.state.mediaLoaded) && {((!this.state.downloadButtonShown || this.state.downloadPressed) && !this.state.mediaLoaded) &&
<ActivityIndicator size="large" color={Colors.LbryGreen} style={filePageStyle.loading} />} <ActivityIndicator size="large" color={Colors.LbryGreen} style={filePageStyle.loading} />}

3
app/src/styles/fileDownloadButton.js
View file

@ -2,7 +2,8 @@ import { StyleSheet } from 'react-native';
const fileDownloadButtonStyle = StyleSheet.create({ const fileDownloadButtonStyle = StyleSheet.create({
container: { container: {
width: 160, paddingLeft: 32,
paddingRight: 32,
height: 36, height: 36,
borderRadius: 18, borderRadius: 18,
justifyContent: 'center', justifyContent: 'center',

2
app/src/styles/mediaPlayer.js
View file

@ -49,7 +49,7 @@ const mediaPlayerStyle = StyleSheet.create({
height: '100%', height: '100%',
}, },
playerControlsContainer: { playerControlsContainer: {
backgroundColor: 'transparent', backgroundColor: '#00000020',
flex: 1, flex: 1,
alignItems: 'center', alignItems: 'center',
justifyContent: 'center' justifyContent: 'center'