fix alignments

twentyhq · Nov 28, 2024 · 3472278 · 3472278
1 parent a31bfbe
commit 3472278
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 10 deletions.
diff --git a/...ont/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx b/...ont/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx
@@ -39,7 +39,8 @@ const StyledLabelAndIconContainer = styled.div`
   color: ${({ theme }) => theme.font.color.tertiary};
   display: flex;
   gap: ${({ theme }) => theme.spacing(1)};
-  height: 24px;
+  height: 18px;
+  padding-top: 3px;
 `;
 
 const StyledValueContainer = styled.div`
@@ -61,7 +62,7 @@ const StyledInlineCellBaseContainer = styled.div`
   width: 100%;
   display: flex;
   height: fit-content;
-  line-height: 24px;
+  line-height: 18px;
   gap: ${({ theme }) => theme.spacing(1)};
   user-select: none;
   justify-content: center;

diff --git a/...t/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx b/...t/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx
@@ -42,13 +42,11 @@ const StyledRecordInlineCellNormalModeInnerContainer = styled.div`
   align-content: center;
   align-items: center;
   color: ${({ theme }) => theme.font.color.primary};
-  font-size: 'inherit';
-
-  font-weight: 'inherit';
+  padding-top: 3px;
+  padding-bottom: 3px;
 
   height: fit-content;
 
-  min-height: 24px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

diff --git a/...ront/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditMode.tsx b/...ront/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditMode.tsx
@@ -46,7 +46,7 @@ export const RecordInlineCellEditMode = ({
               crossAxis: 0,
             }
           : {
-              mainAxis: -28,
+              mainAxis: -29,
               crossAxis: -4,
             },
       ),

diff --git a/...dules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx b/...dules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx
@@ -37,8 +37,8 @@ export const RecordTableCellEditMode = ({
     middleware: [
       flip(),
       offset({
-        mainAxis: -32,
-        crossAxis: 0,
+        mainAxis: -31,
+        crossAxis: -2,
       }),
     ],
     whileElementsMounted: autoUpdate,

diff --git a/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx
@@ -34,14 +34,17 @@ const StyledTextArea = styled(TextareaAutosize)`
   max-height: 400px;
   width: calc(100% - ${({ theme }) => theme.spacing(7)});
   background: transparent;
+  line-height: 18px;
 `;
 
 const StyledTextAreaContainer = styled.div`
   background: ${({ theme }) => theme.background.primary};
   border: ${({ theme }) => `1px solid ${theme.border.color.medium}`};
   position: relative;
   width: 100%;
-  padding: ${({ theme }) => theme.spacing(2)} ${({ theme }) => theme.spacing(0)};
+  padding-top: ${({ theme }) => theme.spacing(2)};
+  padding-bottom: ${({ theme }) => theme.spacing(2)};
+
   border-radius: ${({ theme }) => theme.border.radius.sm};
 
   @supports (