vertical-align room messages to the bottom of the page

2016-01-05 18:49:21 +00:00 · 2016-01-05 18:49:21 +00:00 · a1bdfaa8a2
parent 1df4f2d556
commit a1bdfaa8a2
1 changed files with 14 additions and 0 deletions
--- a/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css
+++ b/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css
@ -113,6 +113,20 @@ limitations under the License.
 .mx_RoomView_messageListWrapper {
    max-width: 960px;
    margin: auto;
+    
+    min-height: 100%;
+
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+
+    flex-direction: column;
+    -webkit-flex-direction: column;
+
+    justify-content: flex-end;
+    -webkit-justify-content: flex-end;
 }

 .mx_RoomView_MessageList {