Add landmarks around major view regions for easier navigation.
This commit is contained in:
parent
517bb01f33
commit
bd0db01515
2 changed files with 7 additions and 5 deletions
|
@ -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>
|
||||||
|
<aside>
|
||||||
<MemberList roomId={this.props.roomId} key={this.props.roomId} />
|
<MemberList roomId={this.props.roomId} key={this.props.roomId} />
|
||||||
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Reference in a new issue