Introduce mx_RoomView_body for fadable things in the RoomView

Part of simplifying use of mx_fadable
This commit is contained in:
Luke Barnard 2017-10-25 15:16:28 +01:00
parent 0561c5bd4f
commit 9679051269

View File

@ -80,17 +80,32 @@ limitations under the License.
max-width: 1920px ! important; max-width: 1920px ! important;
} }
.mx_RoomView_topUnreadMessagesBar {
.mx_RoomView_body {
order: 3;
flex: 1 1 0;
flex-direction: column;
display: flex;
}
.mx_RoomView_body .mx_RoomView_topUnreadMessagesBar {
order: 1;
}
.mx_RoomView_body .mx_RoomView_messagePanel {
order: 2;
}
.mx_RoomView_body .mx_RoomView_statusArea {
order: 3; order: 3;
} }
.mx_RoomView_messagePanel { .mx_RoomView_body .mx_MessageComposer {
order: 4; order: 4;
}
flex: 1 1 0; .mx_RoomView_messagePanel {
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
} }
@ -131,18 +146,6 @@ limitations under the License.
clear: both; clear: both;
} }
.mx_RoomView_invitePrompt {
order: 2;
min-width: 0px;
max-width: 960px;
width: 100%;
margin: auto;
margin-top: 12px;
margin-bottom: 12px;
}
li.mx_RoomView_myReadMarker_container { li.mx_RoomView_myReadMarker_container {
height: 0px; height: 0px;
margin: 0px; margin: 0px;
@ -160,8 +163,6 @@ hr.mx_RoomView_myReadMarker {
} }
.mx_RoomView_statusArea { .mx_RoomView_statusArea {
order: 5;
width: 100%; width: 100%;
flex: 0 0 auto; flex: 0 0 auto;
@ -236,8 +237,6 @@ hr.mx_RoomView_myReadMarker {
} }
.mx_RoomView .mx_MessageComposer { .mx_RoomView .mx_MessageComposer {
order: 6;
width: 100%; width: 100%;
flex: 0 0 auto; flex: 0 0 auto;
margin-right: 2px; margin-right: 2px;