add a vertical limit for the userslist

set a vertical limit for users after which the scrollbar appears
This commit is contained in:
Anton Georgiev 2015-02-24 23:09:26 +00:00
parent 89f4fe9978
commit b9dc4aab7f
3 changed files with 6 additions and 9 deletions

View File

@ -28,8 +28,6 @@
@media @mobile-portrait-with-keyboard, @desktop-portrait, @mobile-portrait { @media @mobile-portrait-with-keyboard, @desktop-portrait, @mobile-portrait {
-webkit-order: 2; -webkit-order: 2;
order: 2; order: 2;
min-height: 40%;
max-height: 40%;
} }
} }
@ -59,13 +57,11 @@
@media @landscape { @media @landscape {
height: 80%; height: 80%;
} }
height: 90%;
overflow-y: scroll; overflow-y: scroll;
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
@media @desktop-portrait, @mobile-portrait { @media @desktop-portrait, @mobile-portrait {
max-height: 50vh; max-height: 40vh; // for longer chatbody a scrollbar appears
overflow-y: scroll; overflow-y: scroll;
} }
} }

View File

@ -213,9 +213,8 @@ body {
} }
.ScrollableWindowY { .ScrollableWindowY {
height: 100%;
overflow-y: scroll; overflow-y: scroll;
overflow:auto; overflow-y:auto;
} }
.tab { .tab {

View File

@ -57,8 +57,6 @@
order: 3; order: 3;
margin-bottom: 0px; margin-bottom: 0px;
padding-bottom: 55px; /*so that the footer does not overlap */ padding-bottom: 55px; /*so that the footer does not overlap */
max-height: 20%;
min-height: 20%;
} }
} }
@ -66,12 +64,16 @@
.userlist { .userlist {
@media @landscape { @media @landscape {
padding:10px; padding:10px;
max-height:83vh;
} }
@media @desktop-portrait { @media @desktop-portrait {
padding-top: 10px; padding-top: 10px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
@media @mobile-portrait-with-keyboard, @desktop-portrait, @mobile-portrait {
max-height: 40vh; //for longer userlist a scrollbar appears
}
} }
} }