change badge look & feel; change status bar sizing

This commit is contained in:
Matthew Hodgson 2016-04-14 19:11:58 +01:00
parent 4d221c6099
commit 8b6cf1fc41
6 changed files with 18 additions and 13 deletions

View File

@ -1,7 +1,7 @@
.mx_RoomStatusBar {
margin-top: 5px;
margin-top: 12px;
margin-left: 65px;
min-height: 24px;
min-height: 37px;
}
/* position the indicator in the same place horizontally as .mx_EventTile_avatar. */
@ -99,7 +99,7 @@
.mx_RoomStatusBar_tabCompleteWrapper {
display: flex;
display: -webkit-flex;
height: 24px;
height: 26px;
}
.mx_RoomStatusBar_tabCompleteWrapper .mx_TabCompleteBar {

View File

@ -207,10 +207,11 @@ hr.mx_RoomView_myReadMarker {
.mx_RoomView_statusAreaBox {
max-width: 960px;
margin: auto;
min-height: 36px;
min-height: 49px;
}
.mx_RoomView_statusAreaBox_line {
margin-left: 65px;
border-top: 1px solid #eee;
height: 1px;
}

View File

@ -3,14 +3,15 @@
}
.mx_UploadBar_uploadProgressOuter {
height: 4px;
height: 5px;
margin-left: 63px;
margin-top: -1px;
padding-bottom: 5px;
}
.mx_UploadBar_uploadProgressInner {
background-color: #76cfa6;
height: 4px;
height: 5px;
}
.mx_UploadBar_uploadFilename {
@ -22,7 +23,7 @@
.mx_UploadBar_uploadIcon {
float: left;
margin-top: 1px;
margin-top: 5px;
margin-left: 14px;
}

View File

@ -18,7 +18,7 @@ limitations under the License.
max-width: 960px;
vertical-align: middle;
margin: auto;
border-top: 2px solid #e1dddd;
border-top: 1px solid #e5e5e5;
}
.mx_MessageComposer_row {

View File

@ -26,7 +26,7 @@ limitations under the License.
padding-right: 8px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 18px;
padding-left: 20px;
width: 24px;
height: 24px;
position: relative;
@ -98,11 +98,13 @@ limitations under the License.
.mx_RoomTile_badge {
background-color: #ff0064;
width: 4px;
width: 8px;
height: 8px;
position: absolute;
left: 0px;
top: 5px;
bottom: 5px;
left: 7px;
top: 50%;
margin-top: -4px;
border-radius: 4px;
}
.mx_RoomTile_unreadNotify .mx_RoomTile_badge {

View File

@ -37,6 +37,7 @@ limitations under the License.
.mx_TabCompleteBar_command .mx_TabCompleteBar_text {
opacity: 1.0;
vertical-align: middle;
color: #fff;
}