mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: fix some views dropdown design issues (#1648)

Browse Source 
* fix: fix some views dropdown design issues

Closes #1610, Closes #1601

* Handle max-width on view picker

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Thaïs
2023-09-20 05:01:01 +02:00
committed by GitHub
parent 3bde7bc252
commit 3f600146b1
4 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/modules/ui/menu-item/components/MenuItem.tsx
View File

@ -26,11 +26,17 @@ export type MenuItemProps = {
const StyledHoverableMenuItemBase = styled(StyledMenuItemBase)`
& .hoverable-buttons {
display: none;
opacity: 0;
pointer-events: none;
position: fixed;
right: ${({ theme }) => theme.spacing(2)};
transition: opacity ${({ theme }) => theme.animation.duration.instant}s ease;
}
&:hover {
& .hoverable-buttons {
display: block;
opacity: 1;
pointer-events: auto;
}
}
`;