toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

RN-236 Fix connection status bar covers part of post list (#669)

Browse source
This commit is contained in:
enahum 2017-06-24 09:47:47 -04:00 committed by GitHub
parent d057e3c1ab
commit c36260cdce
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/components/offline_indicator/offline_indicator.js
View file

@ -18,7 +18,9 @@ import FormattedText from 'app/components/formatted_text';
import {RequestStatus} from 'mattermost-redux/constants';
const INITIAL_TOP = -46;
const HEIGHT = 38;
const NAVBAR = Platform.OS === 'ios' ? 64 : 46;
const INITIAL_TOP = NAVBAR - HEIGHT;
const OFFLINE = 'offline';
const CONNECTING = 'connecting';
const CONNECTED = 'connected';
@ -118,7 +120,7 @@ export default class OfflineIndicator extends PureComponent {
show = () => {
Animated.timing(
this.state.top, {
toValue: 0,
toValue: NAVBAR,
duration: 300
}
).start();
@ -198,16 +200,15 @@ export default class OfflineIndicator extends PureComponent {
const styles = StyleSheet.create({
container: {
height: 38,
height: HEIGHT,
width: Dimensions.get('window').width,
zIndex: 9,
position: 'relative',
elevation: 1
position: 'absolute'
},
wrapper: {
alignItems: 'center',
flex: 1,
height: 39,
height: HEIGHT,
flexDirection: 'row',
paddingHorizontal: 12,
backgroundColor: 'red'