3961-Notes-Relation-Field (#3965)
* Label fix * Remove semicolumn * Fix broken layout --------- Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
@ -39,6 +39,7 @@ export const ActivityTargetsInlineCell = ({
|
|||||||
scope: ActivityEditorHotkeyScope.ActivityTargets,
|
scope: ActivityEditorHotkeyScope.ActivityTargets,
|
||||||
}}
|
}}
|
||||||
IconLabel={IconArrowUpRight}
|
IconLabel={IconArrowUpRight}
|
||||||
|
showLabel={true}
|
||||||
editModeContent={
|
editModeContent={
|
||||||
<ActivityTargetInlineCellEditMode
|
<ActivityTargetInlineCellEditMode
|
||||||
activity={activity}
|
activity={activity}
|
||||||
|
|||||||
@ -62,7 +62,7 @@ const StyledClickableContainer = styled.div`
|
|||||||
const StyledInlineCellBaseContainer = styled.div`
|
const StyledInlineCellBaseContainer = styled.div`
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
gap: ${({ theme }) => theme.spacing(1)};
|
gap: ${({ theme }) => theme.spacing(1)};
|
||||||
@ -141,7 +141,7 @@ export const RecordInlineCellContainer = ({
|
|||||||
onMouseEnter={handleContainerMouseEnter}
|
onMouseEnter={handleContainerMouseEnter}
|
||||||
onMouseLeave={handleContainerMouseLeave}
|
onMouseLeave={handleContainerMouseLeave}
|
||||||
>
|
>
|
||||||
{(!!IconLabel || !!label) && (
|
{(IconLabel || label) && (
|
||||||
<StyledLabelAndIconContainer id={labelId}>
|
<StyledLabelAndIconContainer id={labelId}>
|
||||||
{IconLabel && (
|
{IconLabel && (
|
||||||
<StyledIconContainer>
|
<StyledIconContainer>
|
||||||
@ -160,7 +160,7 @@ export const RecordInlineCellContainer = ({
|
|||||||
content={label}
|
content={label}
|
||||||
clickable
|
clickable
|
||||||
noArrow
|
noArrow
|
||||||
place="left"
|
place="bottom"
|
||||||
positionStrategy="fixed"
|
positionStrategy="fixed"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@ -47,7 +47,6 @@ const StyledTitle = styled.div`
|
|||||||
font-size: ${({ theme }) => theme.font.size.xl};
|
font-size: ${({ theme }) => theme.font.size.xl};
|
||||||
font-weight: ${({ theme }) => theme.font.weight.semiBold};
|
font-weight: ${({ theme }) => theme.font.weight.semiBold};
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 100%;
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const StyledTooltip = styled(Tooltip)`
|
const StyledTooltip = styled(Tooltip)`
|
||||||
|
|||||||
Reference in New Issue
Block a user