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

Fix design for select action (#9857)

Browse Source 
as title 
fixes
https://discord.com/channels/1130383047699738754/1330945172489371771
This commit is contained in:
martmull
2025-01-27 13:29:04 +01:00
committed by GitHub
parent fb0b342374
commit c1e84a746c
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/RightDrawerWorkflowSelectActionContent.tsx
View File

@ -3,7 +3,7 @@ import { useCreateStep } from '@/workflow/workflow-steps/hooks/useCreateStep';
import { OTHER_ACTIONS } from '@/workflow/workflow-steps/workflow-actions/constants/OtherActions'; import { OTHER_ACTIONS } from '@/workflow/workflow-steps/workflow-actions/constants/OtherActions';
import { RECORD_ACTIONS } from '@/workflow/workflow-steps/workflow-actions/constants/RecordActions'; import { RECORD_ACTIONS } from '@/workflow/workflow-steps/workflow-actions/constants/RecordActions';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { MenuItem, useIcons } from 'twenty-ui'; import { MenuItemCommand, useIcons } from 'twenty-ui';
const StyledActionListContainer = styled.div` const StyledActionListContainer = styled.div`
display: flex; display: flex;
@ -39,7 +39,7 @@ export const RightDrawerWorkflowSelectActionContent = ({
<StyledActionListContainer> <StyledActionListContainer>
<StyledSectionTitle>Records</StyledSectionTitle> <StyledSectionTitle>Records</StyledSectionTitle>
{RECORD_ACTIONS.map((action) => ( {RECORD_ACTIONS.map((action) => (
<MenuItem <MenuItemCommand
key={action.type} key={action.type}
LeftIcon={getIcon(action.icon)} LeftIcon={getIcon(action.icon)}
text={action.label} text={action.label}
@ -48,7 +48,7 @@ export const RightDrawerWorkflowSelectActionContent = ({
))} ))}
<StyledSectionTitle>Other</StyledSectionTitle> <StyledSectionTitle>Other</StyledSectionTitle>
{OTHER_ACTIONS.map((action) => ( {OTHER_ACTIONS.map((action) => (
<MenuItem <MenuItemCommand
key={action.type} key={action.type}
LeftIcon={getIcon(action.icon)} LeftIcon={getIcon(action.icon)}
text={action.label} text={action.label}

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

@ -32,9 +32,7 @@ const StyledMenuItemCommandContainer = styled.div<{ isSelected?: boolean }>`
--vertical-padding: ${({ theme }) => theme.spacing(2)}; --vertical-padding: ${({ theme }) => theme.spacing(2)};
align-items: center; align-items: center;
background: ${({ isSelected, theme }) => background: ${({ isSelected, theme }) =>
isSelected isSelected ? theme.background.transparent.light : 'transparent'};
? theme.background.transparent.light
: theme.background.secondary};
border-radius: ${({ theme }) => theme.border.radius.sm}; border-radius: ${({ theme }) => theme.border.radius.sm};
color: ${({ theme }) => theme.font.color.secondary}; color: ${({ theme }) => theme.font.color.secondary};
cursor: pointer; cursor: pointer;