Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

reskin file upload UI

Browse Source
This commit is contained in:
Matthew Hodgson 2015-10-23 17:43:40 +01:00
parent 300005243c
commit 6e2362e8a9
4 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/skins/vector/css/organisms/RoomView.css
View File

@ -218,8 +218,9 @@ limitations under the License.
.mx_RoomView_uploadProgressOuter { .mx_RoomView_uploadProgressOuter {
width: 100%; width: 100%;
background-color: rgba(169, 219, 244, 0.5);
height: 4px; height: 4px;
margin-left: 54px;
margin-top: -1px;
} }
.mx_RoomView_uploadProgressInner { .mx_RoomView_uploadProgressInner {
@ -228,27 +229,29 @@ limitations under the License.
} }
.mx_RoomView_uploadFilename { .mx_RoomView_uploadFilename {
margin-top: 15px; margin-top: 5px;
margin-left: 56px; margin-left: 56px;
opacity: 0.5;
color: #4a4a4a;
} }
.mx_RoomView_uploadIcon { .mx_RoomView_uploadIcon {
float: left; float: left;
margin-top: 6px; margin-top: 1px;
margin-left: 5px; margin-left: 14px;
} }
.mx_RoomView_uploadCancel { .mx_RoomView_uploadCancel {
float: right; float: right;
margin-top: 6px; margin-top: 5px;
margin-right: 10px; margin-right: 10px;
} }
.mx_RoomView_uploadBytes { .mx_RoomView_uploadBytes {
float: right; float: right;
opacity: 0.5; margin-top: 5px;
margin-top: 15px; margin-right: 30px;
margin-right: 10px; color: #76cfa6;
} }
.mx_RoomView_ongoingConfCallNotification { .mx_RoomView_ongoingConfCallNotification {

BIN
src/skins/vector/img/cancel.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 316 B

BIN
src/skins/vector/img/fileicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 658 B

4
src/skins/vector/views/organisms/RoomView.js
View File

@ -159,8 +159,8 @@ module.exports = React.createClass({
<div className="mx_RoomView_uploadProgressOuter"> <div className="mx_RoomView_uploadProgressOuter">
<div className="mx_RoomView_uploadProgressInner" style={innerProgressStyle}></div> <div className="mx_RoomView_uploadProgressInner" style={innerProgressStyle}></div>
</div> </div>
<img className="mx_RoomView_uploadIcon" src="img/fileicon.png" width="40" height="40"/> <img className="mx_RoomView_uploadIcon" src="img/fileicon.png" width="17" height="22"/>
<img className="mx_RoomView_uploadCancel" src="img/cancel.png" width="40" height="40"/> <img className="mx_RoomView_uploadCancel" src="img/cancel.png" width="18" height="18"/>
<div className="mx_RoomView_uploadBytes"> <div className="mx_RoomView_uploadBytes">
{ uploadedSize } / { totalSize } { uploadedSize } / { totalSize }
</div> </div>