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

2284 fix(frontend): layout shift in date input (#2292)

Browse Source 
* fix(frontend): layout shift in date input

* Fix Inline Cell overlay being shifted

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Kanav Arora
2023-10-31 17:00:10 +05:30
committed by GitHub
parent ec8389cecf
commit b319ba66ac
3 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/modules/ui/object/field/meta-types/input/components/internal/FieldInputOverlay.tsx
View File

@ -8,6 +8,7 @@ const StyledFieldInputOverlay = styled.div`
${overlayBackground} ${overlayBackground}
display: flex; display: flex;
height: 32px; height: 32px;
margin: -1px;
width: 100%; width: 100%;
`; `;

1
front/src/modules/ui/object/record-inline-cell/components/InlineCellEditMode.tsx
View File

@ -14,7 +14,6 @@ const StyledInlineCellEditModeContainer = styled.div<InlineCellEditModeProps>`
const StyledInlineCellInput = styled.div` const StyledInlineCellInput = styled.div`
align-items: center; align-items: center;
display: flex; display: flex;
margin-left: -1px;
min-height: 32px; min-height: 32px;
min-width: 200px; min-width: 200px;

1
front/src/modules/ui/object/record-table/table-cell/components/TableCellEditMode.tsx
View File

@ -4,7 +4,6 @@ import styled from '@emotion/styled';
const StyledEditableCellEditModeContainer = styled.div<TableCellEditModeProps>` const StyledEditableCellEditModeContainer = styled.div<TableCellEditModeProps>`
align-items: center; align-items: center;
display: flex; display: flex;
margin: -1px;
min-width: 200px; min-width: 200px;
width: calc(100% + 2px); width: calc(100% + 2px);
z-index: 1; z-index: 1;