imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make sure the room list doesn't grow taller than viewport

Browse source 
by setting the min-height to 0 at every flex level,
since by default it's auto which means grow as tall as you need
to make the content fit.
This commit is contained in:
Bruno Windels 2018-10-22 15:55:29 +02:00
parent e3a4ad778a
commit 15059fe005
3 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
res/css/structures/_LeftPanel.scss
View file

@ -51,6 +51,7 @@ limitations under the License.
overflow-x: hidden; overflow-x: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0;
} }
.mx_LeftPanel .mx_AppTile_mini { .mx_LeftPanel .mx_AppTile_mini {

1
res/css/structures/_MatrixChat.scss
View file

@ -54,6 +54,7 @@ limitations under the License.
order: 2; order: 2;
flex: 1; flex: 1;
min-height: 0;
} }
.mx_MatrixChat_syncError { .mx_MatrixChat_syncError {

1
res/css/views/rooms/_RoomList.scss
View file

@ -21,6 +21,7 @@ limitations under the License.
/* use flexbox to layout sublists */ /* use flexbox to layout sublists */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0;
} }
/* hide resize handles next to collapsed / empty sublists */ /* hide resize handles next to collapsed / empty sublists */