admin/twenty
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

4
front/src/modules/ui/view-bar/components/ViewsDropdownButton.tsx
View File

@ -56,7 +56,7 @@ const StyledViewIcon = styled(IconList)`
const StyledViewName = styled.span`
display: inline-block;
max-width: 200px;
max-width: 130px;
@media (max-width: 375px) {
max-width: 90px;
}
@ -172,7 +172,7 @@ export const ViewsDropdownButton = ({
</StyledDropdownButtonContainer>
}
dropdownComponents={
<StyledDropdownMenu>
<StyledDropdownMenu width={200}>
<StyledDropdownMenuItemsContainer>
{views.map((view) => (
<MenuItem