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:
+1
-1
@@ -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)};
|
||||
|
||||
+1
@@ -19,6 +19,7 @@ import {
|
||||
const StyledContainer = styled.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100%;
|
||||
min-width: 1000px;
|
||||
`;
|
||||
|
||||
|
||||
+1
@@ -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;
|
||||
|
||||
+1
@@ -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};
|
||||
|
||||
Reference in New Issue
Block a user