PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

implement the correct design for memberlist, modulo gemini

Browse source
This commit is contained in:
Matthew Hodgson 2016-01-20 22:04:49 +00:00
parent 161cdef36e
commit 3aaf934c97
3 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/views/rooms/EntityTile.js
View file

@ -72,7 +72,7 @@ module.exports = React.createClass({
},
render: function() {
var presenceClass = PRESENCE_CLASS[this.props.presenceState];
var presenceClass = PRESENCE_CLASS[this.props.presenceState] || "mx_EntityTile_offline";
var mainClassName = "mx_EntityTile ";
mainClassName += presenceClass;
if (this.state.hover) {

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

@ -362,7 +362,7 @@ module.exports = React.createClass({
invitedSection = (
<div className="mx_MemberList_invited">
<h2>Invited</h2>
<div className="mx_MemberList_wrapper">
<div autoshow={true} className="mx_MemberList_wrapper">
{invitedMemberTiles}
</div>
</div>
@ -370,15 +370,15 @@ module.exports = React.createClass({
}
return (
<div className="mx_MemberList">
<GeminiScrollbar autoshow={true} className="mx_MemberList_border">
{this.inviteTile()}
<div>
<div autoshow={true} className="mx_MemberList_joined mx_MemberList_outerWrapper">
<div className="mx_MemberList_wrapper">
{this.makeMemberTiles('join', this.state.searchQuery)}
</div>
{invitedSection}
</div>
<div className="mx_MemberList_bottom">
</div>
{invitedSection}
</GeminiScrollbar>
</div>
);
}

13
src/components/views/rooms/SearchableEntityList.js
View file

@ -104,13 +104,16 @@ var SearchableEntityList = React.createClass({
}
return (
<div>
<div className={ "mx_SearchableEntityList " + (this.state.results.length ? "mx_SearchableEntityList_expanded" : "") }>
{inputBox}
<div className="mx_SearchableEntityList_list">
{this.state.results.map((entity) => {
return entity.getJsx();
})}
<div className="mx_SearchableEntityList_listWrapper">
<div autoshow={true} className="mx_SearchableEntityList_list">
{this.state.results.map((entity) => {
return entity.getJsx();
})}
</div>
</div>
{ this.state.results.length ? <div className="mx_SearchableEntityList_hrWrapper"><hr/></div> : '' }
</div>
);
}