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

Better responsive handling of header items

Browse source
This commit is contained in:
Jackson Harper 2023-06-08 15:32:40 +08:00
parent 71668f8478
commit 41160c41c7
1 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/web/components/templates/homeFeed/LibraryHeader.tsx
View file

@ -396,7 +396,7 @@ function MultiSelectControlButtonBox(
height={20}
color={theme.colors.thTextContrast2.toString()}
/>
Archive
<SpanBox css={{ '@lgDown': { display: 'none' } }}>Archive</SpanBox>
</Button>
<Button
style="outline"
@ -412,7 +412,7 @@ function MultiSelectControlButtonBox(
height={20}
color={theme.colors.thTextContrast2.toString()}
/>
Label
<SpanBox css={{ '@lgDown': { display: 'none' } }}>Label</SpanBox>
</Button>
<Button
style="outline"
@ -426,7 +426,7 @@ function MultiSelectControlButtonBox(
height={20}
color={theme.colors.thTextContrast2.toString()}
/>
Delete
<SpanBox css={{ '@lgDown': { display: 'none' } }}>Delete</SpanBox>
</Button>
<Button
style="cancel"
@ -584,13 +584,21 @@ function ControlButtonBox(props: ControlButtonBoxProps): JSX.Element {
</SpanBox>
<SpanBox
css={{
paddingLeft: '10px',
paddingLeft: '5px',
fontSize: '12px',
fontWeight: '600',
fontFamily: '$inter',
'@xlgDown': {
paddingLeft: '5px',
},
}}
>
{props.numItemsSelected} selected
{props.numItemsSelected}{' '}
<SpanBox
css={{ '@media (max-width: 1280px)': { display: 'none' } }}
>
selected
</SpanBox>
</SpanBox>
</SpanBox>
)}