alt/title tags and cursors

This commit is contained in:
Matthew Hodgson 2015-07-24 10:57:28 +02:00
parent 05cc604e8d
commit 65cf8f030c
5 changed files with 13 additions and 8 deletions

View file

@ -148,3 +148,7 @@ limitations under the License.
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
} }
.mx_RoomHeader_button img {
cursor: pointer;
}

View file

@ -50,6 +50,7 @@ limitations under the License.
} }
.mx_RightPanel_headerButton { .mx_RightPanel_headerButton {
cursor: pointer;
height: 48px; height: 48px;
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;

View file

@ -44,19 +44,19 @@ module.exports = React.createClass({
<div className="mx_BottomLeftMenu_options"> <div className="mx_BottomLeftMenu_options">
<div className="mx_RoomTile" onClick={this.onCreateRoomClick}> <div className="mx_RoomTile" onClick={this.onCreateRoomClick}>
<div className="mx_RoomTile_avatar"> <div className="mx_RoomTile_avatar">
<img src="img/create-big.png" width="42" height="42"/> <img src="img/create-big.png" alt="Create new room" title="Create new room" width="42" height="42"/>
</div> </div>
<div className="mx_RoomTile_name">Create new room</div> <div className="mx_RoomTile_name">Create new room</div>
</div> </div>
<div className="mx_RoomTile" onClick={this.onRoomDirectoryClick}> <div className="mx_RoomTile" onClick={this.onRoomDirectoryClick}>
<div className="mx_RoomTile_avatar"> <div className="mx_RoomTile_avatar">
<img src="img/directory-big.png" width="42" height="42"/> <img src="img/directory-big.png" alt="Directory" title="Directory" width="42" height="42"/>
</div> </div>
<div className="mx_RoomTile_name">Directory</div> <div className="mx_RoomTile_name">Directory</div>
</div> </div>
<div className="mx_RoomTile" onClick={this.onSettingsClick}> <div className="mx_RoomTile" onClick={this.onSettingsClick}>
<div className="mx_RoomTile_avatar"> <div className="mx_RoomTile_avatar">
<img src="img/settings-big.png" width="42" height="42"/> <img src="img/settings-big.png" alt="Settings" title="Settings" width="42" height="42"/>
</div> </div>
<div className="mx_RoomTile_name">Settings</div> <div className="mx_RoomTile_name">Settings</div>
</div> </div>

View file

@ -105,13 +105,13 @@ module.exports = React.createClass({
<div className="mx_RoomHeader_rightRow"> <div className="mx_RoomHeader_rightRow">
{ settings_button } { settings_button }
<div className="mx_RoomHeader_button mx_RoomHeader_search"> <div className="mx_RoomHeader_button mx_RoomHeader_search">
<img src="img/search.png" width="32" height="32"/> <img src="img/search.png" title="Search" alt="Search" width="32" height="32"/>
</div> </div>
<div className="mx_RoomHeader_button mx_RoomHeader_video" onClick={this.onVideoClick}> <div className="mx_RoomHeader_button mx_RoomHeader_video" onClick={this.onVideoClick}>
<img src="img/video.png" width="32" height="32"/> <img src="img/video.png" title="Video call" alt="Video call" width="32" height="32"/>
</div> </div>
<div className="mx_RoomHeader_button mx_RoomHeader_voice" onClick={this.onVoiceClick}> <div className="mx_RoomHeader_button mx_RoomHeader_voice" onClick={this.onVoiceClick}>
<img src="img/voip.png" width="32" height="32"/> <img src="img/voip.png" title="VoIP call" alt="VoIP call" width="32" height="32"/>
</div> </div>
</div> </div>
</div> </div>

View file

@ -53,10 +53,10 @@ module.exports = React.createClass({
buttonGroup = buttonGroup =
<div className="mx_RightPanel_headerButtonGroup"> <div className="mx_RightPanel_headerButtonGroup">
<div className="mx_RightPanel_headerButton mx_RightPanel_filebutton"> <div className="mx_RightPanel_headerButton mx_RightPanel_filebutton">
<img src="img/file.png" width="32" height="32" alt="Files"/> <img src="img/file.png" width="32" height="32" title="Files" alt="Files"/>
</div> </div>
<div className="mx_RightPanel_headerButton" onClick={ this.onMemberListButtonClick }> <div className="mx_RightPanel_headerButton" onClick={ this.onMemberListButtonClick }>
<img src="img/members.png" width="32" height="32" alt="Members"/> <img src="img/members.png" width="32" height="32" title="Members" alt="Members"/>
</div> </div>
</div>; </div>;