fix: Minor bugs in UI (#7891)

## Description - This PR fixed #7890 --------- Co-authored-by: Lucas Bordeau <[email protected]>
twentyhq · Nov 7, 2024 · 4f2b055 · 4f2b055
1 parent 60349d0
commit 4f2b055
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 5 deletions.
diff --git a/packages/twenty-front/src/modules/action-menu/components/RecordShowActionMenuBarEntry.tsx b/packages/twenty-front/src/modules/action-menu/components/RecordShowActionMenuBarEntry.tsx
@@ -1,6 +1,6 @@
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
-
+import { MOBILE_VIEWPORT } from 'twenty-ui';
 import { ActionMenuEntry } from '@/action-menu/types/ActionMenuEntry';
 import { MenuItemAccent } from '@/ui/navigation/menu-item/types/MenuItemAccent';
 
@@ -26,7 +26,11 @@ const StyledButton = styled.div<{ accent: MenuItemAccent }>`
     background: ${({ theme, accent }) =>
       accent === 'danger'
         ? theme.background.danger
-        : theme.background.tertiary};
+        : theme.background.transparent.light};
+  }
+
+  @media (max-width: ${MOBILE_VIEWPORT}px) {
+    padding: ${({ theme }) => theme.spacing(1)};
   }
 `;
 

diff --git a/...les/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx b/...les/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx
@@ -33,7 +33,7 @@ const StyledNumChildren = styled.div`
   height: 24px;
   justify-content: center;
   line-height: ${({ theme }) => theme.text.lineHeight.lg};
-  width: 16px;
+  width: 22px;
 `;
 
 const StyledHeaderActions = styled.div`

diff --git a/...modules/object-record/record-table/record-table-cell/components/RecordTableCellButton.tsx b/...modules/object-record/record-table/record-table-cell/components/RecordTableCellButton.tsx
@@ -3,10 +3,15 @@ import {
   AnimatedContainer,
   FloatingIconButton,
   IconComponent,
+  MOBILE_VIEWPORT,
 } from 'twenty-ui';
 
 const StyledButtonContainer = styled.div`
   margin: ${({ theme }) => theme.spacing(1)};
+  @media (max-width: ${MOBILE_VIEWPORT}px) {
+    position: relative;
+    right: 7px;
+  }
 `;
 
 type RecordTableCellButtonProps = {

diff --git a/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx
@@ -15,7 +15,7 @@ export const StyledIMaskInput = styled(IMaskInput)<StyledInputProps>`
   margin: 0;
   ${TEXT_INPUT_STYLE}
   width: 100%;
-  padding: ${({ theme }) => `${theme.spacing(0)} ${theme.spacing(1)}`};
+  padding: ${({ theme }) => `${theme.spacing(0)} ${theme.spacing(1.5)}`};
 `;
 
 const StyledContainer = styled.div`

diff --git a/...modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownSelect.tsx b/...modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownSelect.tsx
@@ -33,7 +33,7 @@ export const CurrencyPickerDropdownSelect = ({
   );
 
   return (
-    <DropdownMenu width="200px" disableBlur>
+    <DropdownMenu width="240px" disableBlur>
       <DropdownMenuSearchInput
         value={searchFilter}
         onChange={(event) => setSearchFilter(event.target.value)}