Fixing padding of searchbar in search screen (#4223)
This commit is contained in:
parent
520ddb37ce
commit
31052a7d53
1 changed files with 12 additions and 1 deletions
|
|
@ -706,6 +706,17 @@ export default class Search extends PureComponent {
|
|||
fontSize: 15,
|
||||
};
|
||||
|
||||
const paddingRes = padding(isLandscape);
|
||||
if (paddingRes) {
|
||||
// Without this the default paddingLeft in style.header
|
||||
// overrides the paddingHorizontal value gotten from padding(isLandscape)
|
||||
paddingRes.paddingLeft = null;
|
||||
|
||||
if (isLandscape) {
|
||||
paddingRes.paddingTop = 10;
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<SafeAreaView
|
||||
excludeHeader={isLandscape && DeviceTypes.IS_IPHONE_WITH_INSETS}
|
||||
|
|
@ -713,7 +724,7 @@ export default class Search extends PureComponent {
|
|||
>
|
||||
<KeyboardLayout>
|
||||
<StatusBar/>
|
||||
<View style={[style.header, padding(isLandscape)]}>
|
||||
<View style={[style.header, paddingRes]}>
|
||||
<SearchBar
|
||||
ref={this.setSearchBarRef}
|
||||
placeholder={intl.formatMessage({id: 'search_bar.search', defaultMessage: 'Search'})}
|
||||
|
|
|
|||
Loading…
Reference in a new issue