From 443dc027bf0859ab004e63e0be825bcead04b3ba Mon Sep 17 00:00:00 2001 From: Harsh Singh Date: Wed, 9 Oct 2024 23:04:34 +0530 Subject: [PATCH] fix: date-picker overflow (#7514) Fixes #7014 This PR fixes date-picker overflow across all screen sizes. **Before:** ![Screenshot from 2024-10-08 23-54-20](https://github.com/user-attachments/assets/80902e3e-0f7e-4642-bda7-11cf7fa8c8af) **After:** [Screencast from 2024-10-08 23-41-36.webm](https://github.com/user-attachments/assets/a02c2866-8784-4e19-b914-ac3e97512dce) --- .../src/modules/ui/field/input/components/DateInput.tsx | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/packages/twenty-front/src/modules/ui/field/input/components/DateInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/DateInput.tsx index 1e74e447b5ac..c61ce4491ebe 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/DateInput.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/DateInput.tsx @@ -1,5 +1,5 @@ -import { useRef, useState } from 'react'; import styled from '@emotion/styled'; +import { useRef, useState } from 'react'; import { Nullable } from 'twenty-ui'; import { @@ -16,9 +16,6 @@ const StyledCalendarContainer = styled.div` border: 1px solid ${({ theme }) => theme.border.color.light}; border-radius: ${({ theme }) => theme.border.radius.md}; box-shadow: ${({ theme }) => theme.boxShadow.strong}; - top: 0; - - position: absolute; `; export type DateInputProps = {