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

Fix position calculations -- favorites (#9202)

Browse Source 
Co-authored-by: Weiko <corentin@twenty.com>
This commit is contained in:
nitin
2024-12-23 20:15:01 +05:30
committed by GitHub
parent 691fbbe576
commit 061c92069f
5 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,6 +40,7 @@ export type NavigationDrawerItemProps = {
keyboard?: string[];
rightOptions?: ReactNode;
isDragging?: boolean;
isRightOptionsDropdownOpen?: boolean;
};
type StyledItemProps = Pick<
@ -211,6 +212,7 @@ const visibleStateStyles = css`
const StyledRightOptionsVisbility = styled.div<{
isMobile: boolean;
isRightOptionsDropdownOpen?: boolean;
}>`
display: block;
opacity: 0;
@ -223,7 +225,8 @@ const StyledRightOptionsVisbility = styled.div<{
height: 1px;
width: 1px;
${({ isMobile }) => isMobile && visibleStateStyles}
${({ isMobile, isRightOptionsDropdownOpen }) =>
(isMobile || isRightOptionsDropdownOpen) && visibleStateStyles}
.navigation-drawer-item:hover & {
${visibleStateStyles}
@ -246,6 +249,7 @@ export const NavigationDrawerItem = ({
subItemState,
rightOptions,
isDragging,
isRightOptionsDropdownOpen,
}: NavigationDrawerItemProps) => {
const theme = useTheme();
const isMobile = useIsMobile();
@ -345,7 +349,12 @@ export const NavigationDrawerItem = ({
e.preventDefault();
}}
>
<StyledRightOptionsVisbility isMobile={isMobile}>
<StyledRightOptionsVisbility
isMobile={isMobile}
isRightOptionsDropdownOpen={
isRightOptionsDropdownOpen || false
}
>
{rightOptions}
</StyledRightOptionsVisbility>
</StyledRightOptionsContainer>