Fix Calendar max height (#15127)

## Implementation
- Add height: inherit so the Calendar fits the parent’s height:
https://github.com/twentyhq/twenty/blob/d7e32082628a616d1231d8d3f865ed6871b7f39e/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx#L33

- Add `min-height: 1000px `to ensure each week has a minimum height and
to avoid breaking the scroll wrapper on the Y-axis. Similarly to what is
done for the width.
- Issue: https://github.com/twentyhq/twenty/issues/15121

## testing
loom:
https://www.loom.com/share/31c65e62074c4b49979afcd58c856f07?sid=ec56606d-e050-4136-8397-222e14313312
This commit is contained in:
pvrn
2025-10-19 20:01:40 +02:00
committed by GitHub
parent 18de5c6574
commit 3089da5657
4 changed files with 4 additions and 1 deletions
@@ -18,7 +18,7 @@ import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components';
const StyledContainerContainer = styled.div`
display: flex;
flex-direction: column;
height: 100%;
height: inherit;
gap: ${({ theme }) => theme.spacing(2)};
padding: ${({ theme }) => theme.spacing(2)};
padding-left: ${({ theme }) => theme.spacing(1)};
@@ -19,6 +19,7 @@ import {
const StyledContainer = styled.div`
display: flex;
flex-direction: column;
min-height: 100%;
min-width: 1000px;
`;
@@ -6,6 +6,7 @@ import { format } from 'date-fns';
const StyledContainer = styled.div`
display: flex;
flex-direction: column;
flex: 1;
border: 0.5px solid ${({ theme }) => theme.border.color.light};
border-radius: 4px;
overflow: hidden;
@@ -6,6 +6,7 @@ import { eachDayOfInterval, endOfWeek } from 'date-fns';
const StyledContainer = styled.div`
display: flex;
align-items: stretch;
flex: 1;
&:not(:last-of-type) {
border-bottom: 0.5px solid ${({ theme }) => theme.border.color.light};