change badge look & feel; change status bar sizing
This commit is contained in:
parent
4d221c6099
commit
8b6cf1fc41
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -37,6 +37,7 @@ limitations under the License.
|
|||
|
||||
.mx_TabCompleteBar_command .mx_TabCompleteBar_text {
|
||||
opacity: 1.0;
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue