['group members' dialog] display a scrollbar in the dialog when it ne…

…eds (#6324)
haiwen · Jul 10, 2024 · 1a443c2 · 1a443c2
1 parent a27f6d3
commit 1a443c2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/components/dialog/group-members-dialog.js b/frontend/src/components/dialog/group-members-dialog.js
@@ -15,7 +15,7 @@ class GroupMembers extends React.Component {
     return (
       <Modal isOpen={true} toggle={this.props.toggleDialog}>
         <ModalHeader toggle={this.props.toggleDialog}>{`${gettext('Group members')} (${members.length})`}</ModalHeader>
-        <ModalBody className="px-0">
+        <ModalBody className="px-0 group-members-container">
           <ul className="list-unstyled">
             {members.map((item, index) => {
               return <li key={index} className="group-member px-4 py-2 d-flex align-items-center">

diff --git a/frontend/src/css/group-view.css b/frontend/src/css/group-view.css
@@ -1,3 +1,8 @@
+.group-members-container {
+  max-height: 500px;
+  overflow: auto;
+}
+
 .group-member:hover {
   background: #f5f5f5;
 }