From 7e72d57be7942273bb1fd819cb13636ff4e7d8db Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <rmidhunsuresh@gmail.com>
Date: Thu, 17 Jun 2021 16:45:36 +0530
Subject: [PATCH] Make list scrollable

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
---
 src/platform/web/ui/css/right-panel.css                  | 5 +++++
 src/platform/web/ui/session/rightpanel/MemberListView.js | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/platform/web/ui/css/right-panel.css b/src/platform/web/ui/css/right-panel.css
index aff2aad6..8d6fd3b1 100644
--- a/src/platform/web/ui/css/right-panel.css
+++ b/src/platform/web/ui/css/right-panel.css
@@ -33,3 +33,8 @@
     justify-content: flex-end;
     width: 100%;
 }
+
+ul.MemberListView {
+    overflow: scroll;
+    height: 100vh;
+}
diff --git a/src/platform/web/ui/session/rightpanel/MemberListView.js b/src/platform/web/ui/session/rightpanel/MemberListView.js
index b441f319..5b941a23 100644
--- a/src/platform/web/ui/session/rightpanel/MemberListView.js
+++ b/src/platform/web/ui/session/rightpanel/MemberListView.js
@@ -4,6 +4,6 @@ import {MemberTileView} from "./MemberTileView.js";
 
 export class MemberListView extends TemplateView {
     render(t, vm) {
-        return t.view(new ListView({list: vm.memberTileViewModels}, tileViewModel => new MemberTileView(tileViewModel)));
+        return t.view(new ListView({list: vm.memberTileViewModels, className:"MemberListView"}, tileViewModel => new MemberTileView(tileViewModel)));
     }
 }