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

Fix the Command menu items right padding #11484 (#11489)

Browse Source 
Screenshot:
![Screenshot 2025-04-10 at 1 07
24 AM](https://github.com/user-attachments/assets/1e7ed8e7-594f-4ead-9b04-0c7dab636fbd)

---------

Co-authored-by: guillim <guigloo@msn.com>
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Murali Singh
2025-04-14 17:42:15 +05:30
committed by GitHub
parent 69a00eaaf6
commit 85d94822b3
3 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-front/src/modules/command-menu/components/CommandGroup.tsx
View File

@ -5,7 +5,7 @@ import { Label } from 'twenty-ui/display';
const StyledGroupHeading = styled(Label)`
align-items: center;
padding-bottom: ${({ theme }) => theme.spacing(1)};
padding-left: ${({ theme }) => theme.spacing(2)};
padding-left: ${({ theme }) => theme.spacing(1)};
padding-right: ${({ theme }) => theme.spacing(1)};
padding-top: ${({ theme }) => theme.spacing(2)};
user-select: none;

2
packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
View File

@ -46,7 +46,7 @@ const StyledMenuItemCommandContainer = styled.div<{ isSelected?: boolean }>`
transition: all 150ms ease;
transition-property: none;
user-select: none;
width: calc(100% - 2 * var(--horizontal-padding));
width: 100%;
box-sizing: border-box;
height: 40px;
&:hover {

7
packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommandHotKeys.tsx
View File

@ -1,5 +1,5 @@
import React from 'react';
import styled from '@emotion/styled';
import React from 'react';
const StyledCommandTextContainer = styled.div`
align-items: center;
@ -11,10 +11,7 @@ const StyledCommandTextContainer = styled.div`
const StyledCommandText = styled.div`
color: ${({ theme }) => theme.font.color.light};
padding-bottom: ${({ theme }) => theme.spacing(1)};
padding-left: ${({ theme }) => theme.spacing(2)};
padding-right: ${({ theme }) => theme.spacing(2)};
padding-top: ${({ theme }) => theme.spacing(1)};
vertical-align: middle;
white-space: nowrap;
`;