imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move filter member field to bottom of memberlist

Browse source 
reorganize styles as well
This commit is contained in:
Bruno Windels 2018-11-06 14:47:11 +01:00
parent f8f4dde3ec
commit 92e43ea181
2 changed files with 17 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/views/rooms/MemberList.js
View file

@ -429,10 +429,7 @@ module.exports = React.createClass({
const AccessibleButton = sdk.getComponent("elements.AccessibleButton");
inviteButton =
<AccessibleButton className="mx_MemberList_invite" onClick={this.onInviteButtonClick}>
<div className="mx_MemberList_inviteIcon" >
<TintableSvg src="img/icon-invite-people.svg" width="16" height="16" />
</div>
<div>{ _t('Invite to this room') }</div>
<span>{ _t('Invite to this room') }</span>
</AccessibleButton>;
}
@ -447,18 +444,9 @@ module.exports = React.createClass({
/>;
}
const filterAndButtons = (
<form autoComplete="off">
<input className="mx_MemberList_query mx_textinput_icon mx_textinput_search" id="mx_MemberList_query" type="search"
onChange={this.onSearchQueryChanged} value={this.state.searchQuery}
placeholder={_t('Filter room members')} />
{ inviteButton }
</form>
);
return (
<div className="mx_MemberList dark-panel">
{ filterAndButtons }
{ inviteButton }
<GeminiScrollbarWrapper autoshow={true}>
<div className="mx_MemberList_wrapper">
<TruncatedList className="mx_MemberList_section mx_MemberList_joined" truncateAt={this.state.truncateAtJoined}
@ -469,6 +457,9 @@ module.exports = React.createClass({
{ invitedSection }
</div>
</GeminiScrollbarWrapper>
<input className="mx_MemberList_query mx_textinput_icon mx_textinput_search" id="mx_MemberList_query" type="text"
onChange={this.onSearchQueryChanged} value={this.state.searchQuery}
placeholder={_t('Filter room members')} />
</div>
);
},