move title attributes to the div

This commit is contained in:
Matthew Hodgson 2016-01-03 22:34:56 +00:00
parent 4f915d622e
commit 3009da0b39
3 changed files with 19 additions and 19 deletions

View file

@ -1193,8 +1193,8 @@ module.exports = React.createClass({
<div className="mx_RoomView_tabCompleteImage">...</div> <div className="mx_RoomView_tabCompleteImage">...</div>
<div className="mx_RoomView_tabCompleteWrapper"> <div className="mx_RoomView_tabCompleteWrapper">
<TabCompleteBar entries={this.tabComplete.peek(6)} /> <TabCompleteBar entries={this.tabComplete.peek(6)} />
<div className="mx_RoomView_tabCompleteEol"> <div className="mx_RoomView_tabCompleteEol" title="->|">
<object type="image/svg+xml" data="img/eol.svg" width="22" height="16" title="->|"/> <object type="image/svg+xml" data="img/eol.svg" width="22" height="16"/>
Auto-complete Auto-complete
</div> </div>
</div> </div>
@ -1267,8 +1267,8 @@ module.exports = React.createClass({
var fileDropTarget = null; var fileDropTarget = null;
if (this.state.draggingFile) { if (this.state.draggingFile) {
fileDropTarget = <div className="mx_RoomView_fileDropTarget"> fileDropTarget = <div className="mx_RoomView_fileDropTarget">
<div className="mx_RoomView_fileDropTargetLabel"> <div className="mx_RoomView_fileDropTargetLabel" title="Drop File Here">
<object type="image/svg+xml" data="img/upload-big.svg" width="45" height="59" title="Drop File Here"/><br/> <object type="image/svg+xml" data="img/upload-big.svg" width="45" height="59"/><br/>
Drop File Here Drop File Here
</div> </div>
</div>; </div>;
@ -1305,8 +1305,8 @@ module.exports = React.createClass({
if (call.type === "video") { if (call.type === "video") {
zoomButton = ( zoomButton = (
<div className="mx_RoomView_voipButton" onClick={this.onFullscreenClick}> <div className="mx_RoomView_voipButton" onClick={this.onFullscreenClick} title="Fill screen">
<object type="image/svg+xml" data="img/fullscreen.svg" title="Fill screen" width="29" height="22" style={{ marginTop: 1, marginRight: 4 }}/> <object type="image/svg+xml" data="img/fullscreen.svg" width="29" height="22" style={{ marginTop: 1, marginRight: 4 }}/>
</div> </div>
); );

View file

@ -473,12 +473,12 @@ module.exports = React.createClass({
} }
else { else {
callButton = callButton =
<div className="mx_MessageComposer_voicecall" onClick={this.onVoiceCallClick}> <div className="mx_MessageComposer_voicecall" onClick={this.onVoiceCallClick} title="Voice call">
<object type="image/svg+xml" data="img/voice.svg" title="Voice call" width="16" height="26"/> <object type="image/svg+xml" data="img/voice.svg" width="16" height="26"/>
</div> </div>
videoCallButton = videoCallButton =
<div className="mx_MessageComposer_videocall" onClick={this.onCallClick}> <div className="mx_MessageComposer_videocall" onClick={this.onCallClick} title="Video call">
<object type="image/svg+xml" data="img/call.svg" title="Video call" width="30" height="22"/> <object type="image/svg+xml" data="img/call.svg" width="30" height="22"/>
</div> </div>
} }
@ -492,8 +492,8 @@ module.exports = React.createClass({
<div className="mx_MessageComposer_input" onClick={ this.onInputClick }> <div className="mx_MessageComposer_input" onClick={ this.onInputClick }>
<textarea ref="textarea" rows="1" onKeyDown={this.onKeyDown} onKeyUp={this.onKeyUp} placeholder="Type a message..." /> <textarea ref="textarea" rows="1" onKeyDown={this.onKeyDown} onKeyUp={this.onKeyUp} placeholder="Type a message..." />
</div> </div>
<div className="mx_MessageComposer_upload" onClick={this.onUploadClick}> <div className="mx_MessageComposer_upload" onClick={this.onUploadClick} title="Upload file">
<object type="image/svg+xml" data="img/upload.svg" title="Upload file" width="19" height="24"/> <object type="image/svg+xml" data="img/upload.svg" width="19" height="24"/>
<input type="file" style={uploadInputStyle} ref="uploadInput" onChange={this.onUploadFileSelected} /> <input type="file" style={uploadInputStyle} ref="uploadInput" onChange={this.onUploadFileSelected} />
</div> </div>
{ hangupButton } { hangupButton }

View file

@ -118,7 +118,7 @@ module.exports = React.createClass({
<div className="mx_RoomHeader_name" onClick={this.props.onSettingsClick}> <div className="mx_RoomHeader_name" onClick={this.props.onSettingsClick}>
<div className="mx_RoomHeader_nametext" title={ this.props.room.name }>{ this.props.room.name }</div> <div className="mx_RoomHeader_nametext" title={ this.props.room.name }>{ this.props.room.name }</div>
{ searchStatus } { searchStatus }
<div className="mx_RoomHeader_settingsButton"> <div className="mx_RoomHeader_settingsButton" title="Settings">
<object type="image/svg+xml" data="img/settings.svg" width="12" height="12"/> <object type="image/svg+xml" data="img/settings.svg" width="12" height="12"/>
</div> </div>
</div> </div>
@ -135,8 +135,8 @@ module.exports = React.createClass({
var leave_button; var leave_button;
if (this.props.onLeaveClick) { if (this.props.onLeaveClick) {
leave_button = leave_button =
<div className="mx_RoomHeader_button mx_RoomHeader_leaveButton" onClick={this.props.onLeaveClick}> <div className="mx_RoomHeader_button mx_RoomHeader_leaveButton" onClick={this.props.onLeaveClick} title="Leave room">
<object type="image/svg+xml" data="img/leave.svg" title="Leave room" <object type="image/svg+xml" data="img/leave.svg"
width="26" height="20"/> width="26" height="20"/>
</div>; </div>;
} }
@ -144,8 +144,8 @@ module.exports = React.createClass({
var forget_button; var forget_button;
if (this.props.onForgetClick) { if (this.props.onForgetClick) {
forget_button = forget_button =
<div className="mx_RoomHeader_button mx_RoomHeader_leaveButton" onClick={this.props.onForgetClick}> <div className="mx_RoomHeader_button mx_RoomHeader_leaveButton" onClick={this.props.onForgetClick} title="Forget room">
<object type="image/svg+xml" data="img/leave.svg" title="Forget room" <object type="image/svg+xml" data="img/leave.svg"
width="26" height="20"/> width="26" height="20"/>
</div>; </div>;
} }
@ -166,8 +166,8 @@ module.exports = React.createClass({
<div className="mx_RoomHeader_rightRow"> <div className="mx_RoomHeader_rightRow">
{ forget_button } { forget_button }
{ leave_button } { leave_button }
<div className="mx_RoomHeader_button" onClick={this.props.onSearchClick}> <div className="mx_RoomHeader_button" onClick={this.props.onSearchClick} title="Search">
<object type="image/svg+xml" data="img/search.svg" title="Search" width="21" height="19"/> <object type="image/svg+xml" data="img/search.svg" width="21" height="19"/>
</div> </div>
</div> </div>
</div> </div>