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

fix: Minor bugs in UI (#7891)

Browse Source 
## Description

- This PR fixed #7890

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Harshit Singh
2024-11-07 19:34:33 +05:30
committed by GitHub
parent 60349d0989
commit 4f2b055ee0
5 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/twenty-front/src/modules/action-menu/components/RecordShowActionMenuBarEntry.tsx
View File

@ -1,6 +1,6 @@
import { useTheme } from '@emotion/react'; import { useTheme } from '@emotion/react';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { MOBILE_VIEWPORT } from 'twenty-ui';
import { ActionMenuEntry } from '@/action-menu/types/ActionMenuEntry'; import { ActionMenuEntry } from '@/action-menu/types/ActionMenuEntry';
import { MenuItemAccent } from '@/ui/navigation/menu-item/types/MenuItemAccent'; import { MenuItemAccent } from '@/ui/navigation/menu-item/types/MenuItemAccent';
@ -26,7 +26,11 @@ const StyledButton = styled.div<{ accent: MenuItemAccent }>`
background: ${({ theme, accent }) => background: ${({ theme, accent }) =>
accent === 'danger' accent === 'danger'
? theme.background.danger ? theme.background.danger
: theme.background.tertiary}; : theme.background.transparent.light};
}
@media (max-width: ${MOBILE_VIEWPORT}px) {
padding: ${({ theme }) => theme.spacing(1)};
} }
`; `;

2
packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx
View File

@ -33,7 +33,7 @@ const StyledNumChildren = styled.div`
height: 24px; height: 24px;
justify-content: center; justify-content: center;
line-height: ${({ theme }) => theme.text.lineHeight.lg}; line-height: ${({ theme }) => theme.text.lineHeight.lg};
width: 16px; width: 22px;
`; `;
const StyledHeaderActions = styled.div` const StyledHeaderActions = styled.div`

5
packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButton.tsx
View File

@ -3,10 +3,15 @@ import {
AnimatedContainer, AnimatedContainer,
FloatingIconButton, FloatingIconButton,
IconComponent, IconComponent,
MOBILE_VIEWPORT,
} from 'twenty-ui'; } from 'twenty-ui';
const StyledButtonContainer = styled.div` const StyledButtonContainer = styled.div`
margin: ${({ theme }) => theme.spacing(1)}; margin: ${({ theme }) => theme.spacing(1)};
@media (max-width: ${MOBILE_VIEWPORT}px) {
position: relative;
right: 7px;
}
`; `;
type RecordTableCellButtonProps = { type RecordTableCellButtonProps = {

2
packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx
View File

@ -15,7 +15,7 @@ export const StyledIMaskInput = styled(IMaskInput)<StyledInputProps>`
margin: 0; margin: 0;
${TEXT_INPUT_STYLE} ${TEXT_INPUT_STYLE}
width: 100%; width: 100%;
padding: ${({ theme }) => `${theme.spacing(0)} ${theme.spacing(1)}`}; padding: ${({ theme }) => `${theme.spacing(0)} ${theme.spacing(1.5)}`};
`; `;
const StyledContainer = styled.div` const StyledContainer = styled.div`

2
packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownSelect.tsx
View File

@ -33,7 +33,7 @@ export const CurrencyPickerDropdownSelect = ({
); );
return ( return (
<DropdownMenu width="200px" disableBlur> <DropdownMenu width="240px" disableBlur>
<DropdownMenuSearchInput <DropdownMenuSearchInput
value={searchFilter} value={searchFilter}
onChange={(event) => setSearchFilter(event.target.value)} onChange={(event) => setSearchFilter(event.target.value)}