fix: StyledMenuItemBase remove spacing when no icon (#9573)
This commit is contained in:
@ -98,9 +98,7 @@ export const MenuItemCommand = ({
|
||||
<LeftIcon size={theme.icon.size.sm} />
|
||||
</StyledBigIconContainer>
|
||||
)}
|
||||
<StyledMenuItemLabelText hasLeftIcon={!!LeftIcon}>
|
||||
{text}
|
||||
</StyledMenuItemLabelText>
|
||||
<StyledMenuItemLabelText>{text}</StyledMenuItemLabelText>
|
||||
</StyledMenuItemLeftContent>
|
||||
{!isMobile && (
|
||||
<MenuItemCommandHotKeys
|
||||
|
||||
@ -48,7 +48,7 @@ export const MenuItemMultiSelectAvatar = ({
|
||||
<Checkbox checked={selected} />
|
||||
<StyledMenuItemLeftContent>
|
||||
{avatar}
|
||||
<StyledMenuItemLabel hasLeftIcon={!!avatar}>
|
||||
<StyledMenuItemLabel>
|
||||
<OverflowingTextWithTooltip text={text} />
|
||||
</StyledMenuItemLabel>
|
||||
</StyledMenuItemLeftContent>
|
||||
|
||||
@ -46,7 +46,7 @@ export const MenuItemSelectAvatar = ({
|
||||
>
|
||||
<StyledMenuItemLeftContent>
|
||||
{avatar}
|
||||
<StyledMenuItemLabel hasLeftIcon={!!avatar}>
|
||||
<StyledMenuItemLabel>
|
||||
<OverflowingTextWithTooltip text={text} />
|
||||
</StyledMenuItemLabel>
|
||||
</StyledMenuItemLeftContent>
|
||||
|
||||
@ -53,9 +53,7 @@ export const MenuItemSelectColor = ({
|
||||
>
|
||||
<StyledMenuItemLeftContent>
|
||||
<ColorSample colorName={color} variant={variant} />
|
||||
<StyledMenuItemLabel hasLeftIcon={true}>
|
||||
{colorLabels[color]}
|
||||
</StyledMenuItemLabel>
|
||||
<StyledMenuItemLabel>{colorLabels[color]}</StyledMenuItemLabel>
|
||||
</StyledMenuItemLeftContent>
|
||||
{selected && <IconCheck size={theme.icon.size.md} />}
|
||||
</StyledMenuItemSelect>
|
||||
|
||||
Reference in New Issue
Block a user