prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make arrow styles more closely match design

Browse source
This commit is contained in:
Jackson Harper 2022-04-10 09:42:38 -07:00
parent f87db8bfad
commit d8e03c0906
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/web/components/elements/DropdownElements.tsx
View file

@ -49,12 +49,12 @@ export const DropdownContent = styled(Content, {
backgroundColor: '$grayBg',
borderRadius: '0.5em',
padding: 5,
border: '1px solid $grayBorder',
outline: '1px solid $grayBorder',
boxShadow: '$cardBoxShadow',
})
const StyledArrow = styled(Arrow, {
fill: '$grayBase',
fill: '$grayBg',
})
const StyledLabel = styled(Label, {
@ -131,7 +131,7 @@ export function Dropdown({
>
{labelText && <StyledLabel>{labelText}</StyledLabel>}
{children}
{showArrow && <StyledArrow offset={20} />}
{showArrow && <StyledArrow offset={20} width={20} height={10} />}
</DropdownContent>
</Root>
)

1
packages/web/components/templates/article/ArticleActionsMenu.tsx
View file

@ -48,6 +48,7 @@ export function ArticleActionsMenu(props: ArticleActionsMenuProps): JSX.Element
}}
>
<Dropdown
showArrow={true}
side={props.layout == 'vertical' ? 'right' : 'bottom'}
sideOffset={props.layout == 'vertical' ? 8 : 0}
align={props.layout == 'vertical' ? 'start' : 'center'}