twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-12-21 02:41:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix filter and sort position on board horizontal scroll (#1386)

Browse Source 
Closes #1354
This commit is contained in:
Thaïs 2023-09-01 11:54:34 +02:00 committed by GitHub
parent 240edda25c
commit 5653b89114
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/modules/ui/board/components/EntityBoard.tsx
View File

@ -30,8 +30,10 @@ import { BoardOptions } from '../types/BoardOptions';
import { EntityBoardColumn } from './EntityBoardColumn';
const StyledCustomScrollWrapper = styled(ScrollWrapper)`
const StyledWrapper = styled.div`
display: flex;
flex-direction: column;
width: 100%;
`;
export function EntityBoard({
@ -105,7 +107,7 @@ export function EntityBoard({
const boardRef = useRef<HTMLDivElement>(null);
return (boardColumns?.length ?? 0) > 0 ? (
<StyledCustomScrollWrapper>
<StyledWrapper>
<BoardHeader
viewName="All opportunities"
viewIcon={<IconList size={theme.icon.size.md} />}
@ -113,6 +115,7 @@ export function EntityBoard({
onSortsUpdate={updateSorts}
context={CompanyBoardRecoilScopeContext}
/>
<ScrollWrapper>
<StyledBoard ref={boardRef}>
<DragDropContext onDragEnd={onDragEnd}>
{sortedBoardColumns.map((column) => (
@ -131,11 +134,12 @@ export function EntityBoard({
))}
</DragDropContext>
</StyledBoard>
</ScrollWrapper>
<DragSelect
dragSelectable={boardRef}
onDragSelectionChange={setCardSelected}
/>
</StyledCustomScrollWrapper>
</StyledWrapper>
) : (
<></>
);