haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-06 09:34:00 +00:00
Code Issues Releases Wiki Activity

['group members' dialog] display a scrollbar in the dialog when it needs (#6324)

Browse Source
This commit is contained in:
llj 2024-07-10 14:44:53 +08:00 committed by GitHub
parent a27f6d340a
commit 1a443c2d04
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dialog/group-members-dialog.js
View File

@ -15,7 +15,7 @@ class GroupMembers extends React.Component {
return ( return (
<Modal isOpen={true} toggle={this.props.toggleDialog}> <Modal isOpen={true} toggle={this.props.toggleDialog}>
<ModalHeader toggle={this.props.toggleDialog}>{`${gettext('Group members')} (${members.length})`}</ModalHeader> <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"> <ul className="list-unstyled">
{members.map((item, index) => { {members.map((item, index) => {
return <li key={index} className="group-member px-4 py-2 d-flex align-items-center"> return <li key={index} className="group-member px-4 py-2 d-flex align-items-center">

5
frontend/src/css/group-view.css
View File

@ -1,3 +1,8 @@
.group-members-container {
max-height: 500px;
overflow: auto;
}
.group-member:hover { .group-member:hover {
background: #f5f5f5; background: #f5f5f5;
} }