starred/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-12-17 09:13:23 +03:00
Code Issues 418 Packages Projects Releases 12 Wiki Activity

fix: Fix board actions for mobile

Browse Source
This commit is contained in:
Maksim Eltyshev
2022-11-20 15:14:49 +01:00
parent fa3a3ba2c0
commit ed767e7664
2 changed files with 41 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
client/src/components/BoardActions/BoardActions.jsx
View File

@@ -28,33 +28,35 @@ const BoardActions = React.memo(
onLabelDelete, onLabelDelete,
}) => { }) => {
return ( return (
<div className={styles.actions}> <div className={styles.wrapper}>
<div className={styles.action}> <div className={styles.actions}>
<Memberships <div className={styles.action}>
items={memberships} <Memberships
allUsers={allUsers} items={memberships}
permissionsSelectStep={BoardMembershipPermissionsSelectStep} allUsers={allUsers}
canEdit={canEditMemberships} permissionsSelectStep={BoardMembershipPermissionsSelectStep}
onCreate={onMembershipCreate} canEdit={canEditMemberships}
onUpdate={onMembershipUpdate} onCreate={onMembershipCreate}
onDelete={onMembershipDelete} onUpdate={onMembershipUpdate}
/> onDelete={onMembershipDelete}
</div> />
<div className={styles.action}> </div>
<Filters <div className={styles.action}>
users={filterUsers} <Filters
labels={filterLabels} users={filterUsers}
allBoardMemberships={memberships} labels={filterLabels}
allLabels={labels} allBoardMemberships={memberships}
canEdit={canEdit} allLabels={labels}
onUserAdd={onUserToFilterAdd} canEdit={canEdit}
onUserRemove={onUserFromFilterRemove} onUserAdd={onUserToFilterAdd}
onLabelAdd={onLabelToFilterAdd} onUserRemove={onUserFromFilterRemove}
onLabelRemove={onLabelFromFilterRemove} onLabelAdd={onLabelToFilterAdd}
onLabelCreate={onLabelCreate} onLabelRemove={onLabelFromFilterRemove}
onLabelUpdate={onLabelUpdate} onLabelCreate={onLabelCreate}
onLabelDelete={onLabelDelete} onLabelUpdate={onLabelUpdate}
/> onLabelDelete={onLabelDelete}
/>
</div>
</div> </div>
</div> </div>
); );

12
client/src/components/BoardActions/BoardActions.module.scss
View File

@@ -1,5 +1,6 @@
:global(#app) { :global(#app) {
.action { .action {
flex: 0 0 auto;
margin-right: 20px; margin-right: 20px;
} }
@@ -8,4 +9,15 @@
display: flex; display: flex;
margin: 20px 20px; margin: 20px 20px;
} }
.wrapper {
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
} }