This commit is contained in:
Matthew Hodgson 2015-10-11 22:51:00 +01:00
parent 50ebce69b7
commit 17c81c1101
5 changed files with 20 additions and 5 deletions

View file

@ -28,8 +28,9 @@ limitations under the License.
.mx_LeftPanel_hideButton {
position: absolute;
top: 18px;
right: 8px;
top: 10px;
right: 0px;
padding: 8px;
cursor: pointer;
}

View file

@ -212,7 +212,7 @@ limitations under the License.
.mx_RoomView_uploadProgressOuter {
width: 100%;
background-color: #a9dbf4;
background-color: rgba(169, 219, 244, 0.5);
height: 4px;
}
@ -226,11 +226,23 @@ limitations under the License.
margin-left: 56px;
}
.mx_RoomView_uploadIcon {
float: left;
margin-top: 6px;
margin-left: 5px;
}
.mx_RoomView_uploadCancel {
float: right;
margin-top: 6px;
margin-right: 10px;
}
.mx_RoomView_uploadBytes {
float: right;
opacity: 0.5;
margin-top: 15px;
margin-right: 70px;
margin-right: 10px;
}
.mx_RoomView_ongoingConfCallNotification {

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -154,8 +154,10 @@ module.exports = React.createClass({
<div className="mx_RoomView_uploadProgressOuter">
<div className="mx_RoomView_uploadProgressInner" style={innerProgressStyle}></div>
</div>
<img className="mx_RoomView_uploadIcon" src="img/fileicon.png" width="40" height="40"/>
<img className="mx_RoomView_uploadCancel" src="img/cancel.png" width="40" height="40"/>
<div className="mx_RoomView_uploadBytes">
{filesize(this.state.upload.uploadedBytes).replace(/ .*/, '')} / {filesize(this.state.upload.totalBytes)}
{filesize(this.state.upload.uploadedBytes).replace(/ .*/, '')} / {filesize(this.state.upload.totalBytes)}
</div>
<div className="mx_RoomView_uploadFilename">Uploading {this.state.upload.fileName}</div>
</div>