mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-26 04:35:55 +03:00
Code Issues Projects Releases Packages Wiki Activity

Hopefully port over ndarilek's accessibility changes to Vector (albeit with list elements contained within RoomView)

Browse source
This commit is contained in:
David Baker 2015-08-10 15:17:15 +01:00
parent 10053fa770
commit efcc2061b8
6 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
skins/base/css/organisms/RoomView.css
View file

@ -82,6 +82,8 @@ limitations under the License.
.mx_RoomView_MessageList { .mx_RoomView_MessageList {
width: 100%; width: 100%;
list-style-type: none;
padding: 0px;
} }
.mx_RoomView_MessageList h2 { .mx_RoomView_MessageList h2 {

4
skins/base/views/organisms/LeftPanel.js
View file

@ -29,12 +29,12 @@ module.exports = React.createClass({
render: function() { render: function() {
return ( return (
<div className="mx_LeftPanel"> <aside className="mx_LeftPanel">
<img className="mx_LeftPanel_hideButton" src="img/hide.png" width="32" height="32" alt="<"/> <img className="mx_LeftPanel_hideButton" src="img/hide.png" width="32" height="32" alt="<"/>
<IncomingCallBox /> <IncomingCallBox />
<RoomList selectedRoom={this.props.selectedRoom} /> <RoomList selectedRoom={this.props.selectedRoom} />
<BottomLeftMenu /> <BottomLeftMenu />
</div> </aside>
); );
} }
}); });

4
skins/base/views/organisms/RightPanel.js
View file

@ -66,12 +66,12 @@ module.exports = React.createClass({
} }
return ( return (
<div className="mx_RightPanel"> <aside className="mx_RightPanel">
<div className="mx_RightPanel_header"> <div className="mx_RightPanel_header">
{ buttonGroup } { buttonGroup }
</div> </div>
{ panel } { panel }
</div> </aside>
); );
} }
}); });

8
skins/base/views/organisms/RoomView.js
View file

@ -170,11 +170,11 @@ module.exports = React.createClass({
</div> </div>
<div ref="messageWrapper" className="mx_RoomView_messagePanel" onScroll={ this.onMessageListScroll }> <div ref="messageWrapper" className="mx_RoomView_messagePanel" onScroll={ this.onMessageListScroll }>
<div className="mx_RoomView_messageListWrapper"> <div className="mx_RoomView_messageListWrapper">
<div className="mx_RoomView_MessageList" aria-live="polite"> <ol className="mx_RoomView_MessageList" aria-live="polite">
<div className={scrollheader_classes}> <li className={scrollheader_classes}>
</div> </li>
{this.getEventTiles()} {this.getEventTiles()}
</div> </ol>
</div> </div>
</div> </div>
<div className="mx_RoomView_statusArea"> <div className="mx_RoomView_statusArea">

8
skins/base/views/pages/MatrixChat.js
View file

@ -81,9 +81,9 @@ module.exports = React.createClass({
<MatrixToolbar /> <MatrixToolbar />
<div className="mx_MatrixChat mx_MatrixChat_toolbarShowing"> <div className="mx_MatrixChat mx_MatrixChat_toolbarShowing">
<LeftPanel selectedRoom={this.state.currentRoom} /> <LeftPanel selectedRoom={this.state.currentRoom} />
<div className="mx_MatrixChat_middlePanel"> <main className="mx_MatrixChat_middlePanel">
{page_element} {page_element}
</div> </main>
{right_panel} {right_panel}
</div> </div>
</div> </div>
@ -93,9 +93,9 @@ module.exports = React.createClass({
return ( return (
<div className="mx_MatrixChat"> <div className="mx_MatrixChat">
<LeftPanel selectedRoom={this.state.currentRoom} /> <LeftPanel selectedRoom={this.state.currentRoom} />
<div className="mx_MatrixChat_middlePanel"> <main className="mx_MatrixChat_middlePanel">
{page_element} {page_element}
</div> </main>
{right_panel} {right_panel}
</div> </div>
); );

2
src/controllers/organisms/RoomView.js
View file

@ -353,7 +353,7 @@ module.exports = {
} }
if (!TileType) continue; if (!TileType) continue;
ret.unshift( ret.unshift(
<TileType key={mxEv.getId()} mxEvent={mxEv} continuation={continuation} last={last}/> <li><TileType key={mxEv.getId()} mxEvent={mxEv} continuation={continuation} last={last}/></li>
); );
if (dateSeparator) { if (dateSeparator) {
ret.unshift(dateSeparator); ret.unshift(dateSeparator);