PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

fix statusbar height and behaviour during voip calls

Browse source
This commit is contained in:
Matthew Hodgson 2016-09-01 00:14:51 +01:00
parent 735da3c15e
commit cc75eb8b0e
4 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/skins/vector/css/matrix-react-sdk/structures/RoomStatusBar.css
View file

@ -15,7 +15,7 @@ limitations under the License.
*/ */
.mx_RoomStatusBar { .mx_RoomStatusBar {
margin-top: 15px; margin-top: 10px;
margin-left: 65px; margin-left: 65px;
min-height: 34px; min-height: 34px;
} }
@ -25,11 +25,17 @@ limitations under the License.
padding-left: 18px; padding-left: 18px;
padding-right: 12px; padding-right: 12px;
margin-left: -73px; margin-left: -73px;
margin-top: 13px;
float: left; float: left;
width: 24px; width: 24px;
text-align: center; text-align: center;
} }
.mx_RoomStatusBar_callBar {
height: 50px;
line-height: 50px;
}
.mx_RoomStatusBar_placeholderIndicator span { .mx_RoomStatusBar_placeholderIndicator span {
color: #4a4a4a; color: #4a4a4a;
opacity: 0.5; opacity: 0.5;

3
src/skins/vector/css/matrix-react-sdk/structures/RoomView.css
View file

@ -207,7 +207,7 @@ hr.mx_RoomView_myReadMarker {
.mx_RoomView_statusAreaBox { .mx_RoomView_statusAreaBox {
max-width: 960px; max-width: 960px;
margin: auto; margin: auto;
min-height: 60px; min-height: 50px;
} }
.mx_RoomView_statusAreaBox_line { .mx_RoomView_statusAreaBox_line {
@ -239,6 +239,7 @@ hr.mx_RoomView_myReadMarker {
.mx_RoomView_voipButton { .mx_RoomView_voipButton {
float: right; float: right;
margin-right: 13px; margin-right: 13px;
margin-top: 10px;
cursor: pointer; cursor: pointer;
} }

8
src/skins/vector/css/matrix-react-sdk/structures/UploadBar.css
View file

@ -30,6 +30,10 @@ limitations under the License.
height: 5px; height: 5px;
} }
.mx_UploadBar_uploadProgressInner .mx_RoomView_callStatusBar {
background-color: #fff ! important;
}
.mx_UploadBar_uploadFilename { .mx_UploadBar_uploadFilename {
margin-top: 5px; margin-top: 5px;
margin-left: 65px; margin-left: 65px;
@ -37,6 +41,10 @@ limitations under the License.
color: #4a4a4a; color: #4a4a4a;
} }
.mx_UploadBar_uploadFilename .mx_RoomView_callStatusBar {
color: #fff;
}
.mx_UploadBar_uploadIcon { .mx_UploadBar_uploadIcon {
float: left; float: left;
margin-top: 5px; margin-top: 5px;

2
src/skins/vector/css/matrix-react-sdk/views/rooms/TabCompleteBar.css
View file

@ -34,6 +34,8 @@ limitations under the License.
padding-bottom: 2px; padding-bottom: 2px;
margin-bottom: 6px; margin-bottom: 6px;
border-radius: 30px; border-radius: 30px;
position: relative;
top: 1px;
} }
.mx_TabCompleteBar_command .mx_TabCompleteBar_text { .mx_TabCompleteBar_command .mx_TabCompleteBar_text {