Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #4292 from omnivore-app/fix/web-more-button

Browse Source 
Remove the more button from the nav menu
This commit is contained in:
Jackson Harper
2024-08-21 10:27:29 +08:00
committed by GitHub
parent 1030e962a6 7734a3103d
commit b98b2de3ec
1 changed files with 20 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
packages/web/components/templates/navMenu/NavigationMenu.tsx
View File

@ -157,78 +157,29 @@ const LibraryNav = (props: NavigationMenuProps): JSX.Element => {
/>
}
/>
<Button
style="articleActionIcon"
css={{
display: 'flex',
width: '100%',
gap: '10px',
maxWidth: '100%',
height: '34px',
px: '20px',
fontSize: '15px',
fontWeight: 'regular',
fontFamily: '$display',
color: '$thLibraryMenuUnselected',
'&:hover': {
opacity: '1',
color: '$thLibraryMenuUnselected',
backgroundColor: '$thBackground4',
},
}}
onClick={(event) => {
setMoreFolderSectionOpen(!moreFolderSectionOpen)
event.preventDefault()
event.stopPropagation()
}}
>
<HStack
css={{ gap: '10px', width: '100%' }}
alignment="center"
distribution="start"
>
{moreFolderSectionOpen ? (
<NavMoreButtonUpIcon
color={theme.colors.thLibraryMenuPrimary.toString()}
/>
) : (
<NavMoreButtonDownIcon
color={theme.colors.thLibraryMenuPrimary.toString()}
/>
)}
<SpanBox>More</SpanBox>
</HStack>
</Button>
{moreFolderSectionOpen && (
<SpanBox css={{ width: '100%' }}>
<NavButton
{...props}
text="Archive"
section="archive"
isSelected={props.section == 'archive'}
icon={
<ArchiveSectionIcon
color={theme.colors.thLibraryMenuPrimary.toString()}
/>
}
<NavButton
{...props}
text="Archive"
section="archive"
isSelected={props.section == 'archive'}
icon={
<ArchiveSectionIcon
color={theme.colors.thLibraryMenuPrimary.toString()}
/>
<NavButton
{...props}
text="Trash"
section="trash"
isSelected={props.section == 'trash'}
icon={
<TrashSectionIcon
color={theme.colors.thLibraryMenuPrimary.toString()}
/>
}
}
/>
<NavButton
{...props}
text="Trash"
section="trash"
isSelected={props.section == 'trash'}
icon={
<TrashSectionIcon
color={theme.colors.thLibraryMenuPrimary.toString()}
/>
</SpanBox>
)}
}
/>
</VStack>
)
}