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

Fix absolute positioning of list card mobile menus

Browse source
This commit is contained in:
Jackson Harper 2023-08-04 22:19:38 +08:00
parent 37b0ac016f
commit 9e2c41f5e2
1 changed files with 15 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
View file

@ -242,14 +242,26 @@ export function LibraryListCardContent(
title={props.item.title}
readingProgress={item.readingProgressPercent}
/>
</Box>
<VStack
alignment="start"
distribution="start"
css={{
height: '100%',
width: '100%',
lineHeight: 1,
gap: '5px',
position: 'relative',
}}
>
<Box
css={{
...MenuStyle,
position: 'absolute',
top: 0,
right: 0,
top: -10,
right: -10,
m: '5px',
bg: 'red',
visibility: menuOpen ? 'visible' : 'hidden',
'@media (hover: none)': {
visibility: 'unset',
@ -266,12 +278,6 @@ export function LibraryListCardContent(
}
/>
</Box>
</Box>
<VStack
alignment="start"
distribution="start"
css={{ height: '100%', width: '100%', lineHeight: 1, gap: '5px' }}
>
<HStack
css={{
...MetaStyle,