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

View file

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

View file

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

View file

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

View file

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

View file

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