houseassassin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed scrollbar height issue in Kanban view and adjusted the calendar view to adjust with the new change (#18367)

Browse Source 
fix for #18331 

## Issue 
The height of the container for the kanban board and calendar was set
after calculating the offset from the top bar which contains the
filters. The main issue was that it was calculated wrong. To fix this, I
have added flex:1 to ensure that the board and calendar will grow into
the empty space

## Proof of successful change
The video below shows that the scrollbar is accessible now and that the
calendar view is also adjusted to not cause any errors because of the
new change introduced.


https://github.com/user-attachments/assets/7f58342f-6cbf-4d30-878a-ec57f1e6666a

---------

Co-authored-by: Thomas Trompette <thomas.trompette@sfr.fr>
This commit is contained in:
Lakshay Manchanda
2026-03-06 01:24:49 -08:00
committed by GitHub
parent 3d7cb4499f
commit aa062644c8
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx
+2 -1
View File
@@ -17,9 +17,10 @@ import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components';
import { themeCssVariables } from 'twenty-ui/theme-constants';
const StyledContainerContainer = styled.div`
box-sizing: border-box;
display: flex;
flex-direction: column;
height: inherit;
height: 100%;
gap: ${themeCssVariables.spacing[2]};
padding: ${themeCssVariables.spacing[2]};
padding-left: ${themeCssVariables.spacing[1]};
packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx
+3 -2
View File
@@ -1,5 +1,4 @@
import { styled } from '@linaria/react';
import { themeCssVariables } from 'twenty-ui/theme-constants';
import { ObjectOptionsDropdown } from '@/object-record/object-options-dropdown/components/ObjectOptionsDropdown';
import { RecordBoardContainer } from '@/object-record/record-board/components/RecordBoardContainer';
@@ -16,6 +15,7 @@ import { RecordIndexCalendarContainer } from '@/object-record/record-index/compo
import { RecordIndexFiltersToContextStoreEffect } from '@/object-record/record-index/components/RecordIndexFiltersToContextStoreEffect';
import { ViewBar } from '@/views/components/ViewBar';
import { ViewType } from '@/views/types/ViewType';
import { themeCssVariables } from 'twenty-ui/theme-constants';
const StyledContainer = styled.div`
display: flex;
@@ -28,7 +28,8 @@ const StyledContainer = styled.div`
const StyledContainerWithPadding = styled.div`
box-sizing: border-box;
height: calc(100% - ${themeCssVariables.spacing[10]});
flex: 1;
min-height: 0;
margin-left: ${themeCssVariables.spacing[2]};
`;