Add landmarks around major view regions for easier navigation.

This commit is contained in:
Nolan Darilek 2015-08-08 18:09:37 -05:00
parent 517bb01f33
commit bd0db01515
2 changed files with 7 additions and 5 deletions

View file

@ -75,7 +75,7 @@ module.exports = React.createClass({
<div className="mx_RoomView"> <div className="mx_RoomView">
<RoomHeader room={this.state.room} /> <RoomHeader room={this.state.room} />
<div className="mx_RoomView_roomWrapper"> <div className="mx_RoomView_roomWrapper">
<div className="mx_RoomView_messagePanel"> <main className="mx_RoomView_messagePanel">
<div ref="messageWrapper" className="mx_RoomView_messageListWrapper" onScroll={this.onMessageListScroll}> <div ref="messageWrapper" className="mx_RoomView_messageListWrapper" onScroll={this.onMessageListScroll}>
<div className="mx_RoomView_MessageList"> <div className="mx_RoomView_MessageList">
<div className={scrollheader_classes}> <div className={scrollheader_classes}>
@ -86,8 +86,10 @@ module.exports = React.createClass({
</div> </div>
</div> </div>
<MessageComposer roomId={this.props.roomId} /> <MessageComposer roomId={this.props.roomId} />
</div> </main>
<MemberList roomId={this.props.roomId} key={this.props.roomId} /> <aside>
<MemberList roomId={this.props.roomId} key={this.props.roomId} />
</aside>
</div> </div>
</div> </div>
); );

View file

@ -40,10 +40,10 @@ module.exports = React.createClass({
return ( return (
<div className="mx_MatrixChat"> <div className="mx_MatrixChat">
<div className="mx_MatrixChat_chatWrapper"> <div className="mx_MatrixChat_chatWrapper">
<div className="mx_MatrixChat_leftPanel"> <aside className="mx_MatrixChat_leftPanel">
<RoomList selectedRoom={this.state.currentRoom} /> <RoomList selectedRoom={this.state.currentRoom} />
<MatrixToolbar /> <MatrixToolbar />
</div> </aside>
<RoomView roomId={this.state.currentRoom} key={this.state.currentRoom} /> <RoomView roomId={this.state.currentRoom} key={this.state.currentRoom} />
</div> </div>
</div> </div>