Merge pull request #2981 from vector-im/luke/feature-animated-status-bar

Animate status bar max-height and margin-top
2017-01-23 23:08:23 +00:00 · 2017-01-23 23:08:23 +00:00 · ea82b90d35
parent 706ffbec3c b7204bf868
commit ea82b90d35
1 changed files with 14 additions and 0 deletions
--- a/src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss
@ -158,6 +158,20 @@ hr.mx_RoomView_myReadMarker {

    width: 100%;
    flex: 0 0 auto;
+
+    max-height: 0px;
+    background-color: $primary-bg-color;
+    z-index: 1000;
+    overflow: hidden;
+
+    -webkit-transition: all .2s ease-out;
+    -moz-transition: all .2s ease-out;
+    -ms-transition: all .2s ease-out;
+    -o-transition: all .2s ease-out;
+}
+
+.mx_RoomView_statusArea_expanded {
+    max-height: 50px;
 }

 .mx_RoomView_statusAreaBox {