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

Align navigation icons (#10983)

Browse Source 
Fixes https://github.com/twentyhq/twenty/issues/10550

FYI : I took the same width calculation than the other navigation items.
This commit is contained in:
Guillim
2025-03-19 14:16:15 +01:00
committed by GitHub
parent 69b3b34859
commit d59c989ecd
3 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx
View File

@ -46,7 +46,7 @@ export const NavigationDrawerCollapseButton = ({
: IconLayoutSidebarRightCollapse : IconLayoutSidebarRightCollapse
} }
accent="tertiary" accent="tertiary"
size="small" size="medium"
/> />
</StyledCollapseButton> </StyledCollapseButton>
); );

4
packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerHeader.tsx
View File

@ -12,14 +12,18 @@ const StyledContainer = styled.div`
display: flex; display: flex;
height: ${({ theme }) => theme.spacing(8)}; height: ${({ theme }) => theme.spacing(8)};
user-select: none; user-select: none;
padding-right: ${({ theme }) => theme.spacing(2)};
`; `;
const StyledNavigationDrawerCollapseButton = styled( const StyledNavigationDrawerCollapseButton = styled(
NavigationDrawerCollapseButton, NavigationDrawerCollapseButton,
)<{ show?: boolean }>` )<{ show?: boolean }>`
height: ${({ theme }) => theme.spacing(4)};
margin-left: auto; margin-left: auto;
opacity: ${({ show }) => (show ? 1 : 0)}; opacity: ${({ show }) => (show ? 1 : 0)};
padding-right: ${({ theme }) => theme.spacing(1)};
transition: opacity ${({ theme }) => theme.animation.duration.normal}s; transition: opacity ${({ theme }) => theme.animation.duration.normal}s;
width: ${({ theme }) => theme.spacing(4)};
`; `;
type NavigationDrawerHeaderProps = { type NavigationDrawerHeaderProps = {

1
packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
View File

@ -169,6 +169,7 @@ const StyledKeyBoardShortcut = styled.span`
height: ${({ theme }) => theme.spacing(4)}; height: ${({ theme }) => theme.spacing(4)};
justify-content: center; justify-content: center;
width: ${({ theme }) => theme.spacing(4)}; width: ${({ theme }) => theme.spacing(4)};
box-sizing: border-box;
border-radius: ${({ theme }) => theme.border.radius.sm}; border-radius: ${({ theme }) => theme.border.radius.sm};
border: 1px solid ${({ theme }) => theme.border.color.strong}; border: 1px solid ${({ theme }) => theme.border.color.strong};