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

[MM-24642] Sidebar fixes (#4286)

Browse source 
* Fixes to height and padding

* Add underlayColor

* Rename to index

* Revert height change for overflow change

* Increase toValue

* Update Android offset
This commit is contained in:
Miguel Alatzar 2020-05-18 16:31:11 -07:00 committed by GitHub
parent d3a6e166ad
commit a819cce708
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/components/search_bar/index.js
View file

@ -175,7 +175,7 @@ export default class Search extends PureComponent {
Animated.timing(
this.leftComponentAnimated,
{
toValue: 100,
toValue: 115,
duration: 200,
},
),
@ -273,6 +273,7 @@ export default class Search extends PureComponent {
size: 25,
color: searchBarStyle.clearIconColorAndroid,
name: 'arrow-back',
underlayColor: 'transparent',
};
clearIcon = {

1
app/components/sidebars/main/channels_list/channels_list.js
View file

@ -228,7 +228,6 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
searchContainer: {
flex: 1,
flexDirection: 'row',
overflow: 'hidden',
...Platform.select({
android: {
marginBottom: 1,

4
app/components/sidebars/main/channels_list/filtered_list/filtered_list.js
View file

@ -19,7 +19,7 @@ import {displayUsername} from '@mm-redux/utils/user_utils';
import {t} from 'app/utils/i18n';
import ChannelItem from 'app/components/sidebars/main/channels_list/channel_item';
import {ListTypes} from 'app/constants';
import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing';
import {paddingLeft} from 'app/components/safe_area_view/iphone_x_spacing';
const VIEWABILITY_CONFIG = ListTypes.VISIBILITY_CONFIG_DEFAULTS;
@ -362,7 +362,7 @@ class FilteredList extends Component {
return (
<React.Fragment>
<View style={[styles.titleContainer, padding(isLandscape)]}>
<View style={[styles.titleContainer, paddingLeft(isLandscape)]}>
<Text style={styles.title}>
{intl.formatMessage({id, defaultMessage}).toUpperCase()}
</Text>

4
app/components/sidebars/main/channels_list/list/list.js
View file

@ -21,7 +21,7 @@ import {General} from '@mm-redux/constants';
import {debounce} from '@mm-redux/actions/helpers';
import ChannelItem from 'app/components/sidebars/main/channels_list/channel_item';
import {paddingLeft as padding} from 'app/components/safe_area_view/iphone_x_spacing';
import {paddingLeft} from 'app/components/safe_area_view/iphone_x_spacing';
import {DeviceTypes, ListTypes} from 'app/constants';
import {SidebarSectionTypes} from 'app/constants/view';
@ -333,7 +333,7 @@ export default class List extends PureComponent {
return (
<React.Fragment>
<View style={[styles.titleContainer, padding(isLandscape)]}>
<View style={[styles.titleContainer, paddingLeft(isLandscape)]}>
<Text style={styles.title}>
{intl.formatMessage({id, defaultMessage}).toUpperCase()}
</Text>

2
app/components/sidebars/main/main_sidebar_base.js
View file

@ -196,7 +196,7 @@ export default class MainSidebarBase extends Component {
searching,
} = this.state;
const offset = Platform.select({android: 60, ios: 0});
const offset = Platform.select({android: 64, ios: 0});
const multipleTeams = teamsCount > 1;
const showTeams = !searching && multipleTeams;
if (this.drawerSwiper) {