jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

🐛 fix flex for bookmark in firefox (#1346)

Browse Source
This commit is contained in:
Tagaishi
2023-09-01 17:05:13 +02:00
committed by GitHub
parent 52ccbb3938
commit eb0282dbde
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/widgets/bookmark/BookmarkWidgetTile.tsx
View File

@@ -269,6 +269,7 @@ function BookmarkWidgetTile({ widget }: BookmarkWidgetTileProps) {
viewport:{ viewport:{
//mantine being mantine again... this might break. Needed for taking 100% of widget space //mantine being mantine again... this might break. Needed for taking 100% of widget space
'& div[style="min-width: 100%; display: table;"]':{ '& div[style="min-width: 100%; display: table;"]':{
display: 'flex !important',
height:'100%', height:'100%',
}, },
}, },
@@ -278,14 +279,16 @@ function BookmarkWidgetTile({ widget }: BookmarkWidgetTileProps) {
direction={ widget.properties.layout === 'vertical' ? 'column' : 'row' } direction={ widget.properties.layout === 'vertical' ? 'column' : 'row' }
gap="0" gap="0"
h="100%" h="100%"
w="100%"
> >
{widget.properties.items.map((item: BookmarkItem, index) => ( {widget.properties.items.map((item: BookmarkItem, index) => (
<> <>
<Divider {index > 0 &&
m="1px" <Divider
orientation={ widget.properties.layout !== 'vertical' ? 'vertical' : 'horizontal' } //Mantine doesn't let me refactor this, I tried m="3px"
hidden={!(index > 0)} orientation={ widget.properties.layout !== 'vertical' ? 'vertical' : 'horizontal' }
/> />
}
<Card <Card
key={index} key={index}
px="md" px="md"
@@ -297,7 +300,8 @@ function BookmarkWidgetTile({ widget }: BookmarkWidgetTileProps) {
bg="transparent" bg="transparent"
sx={{ sx={{
'&:hover': { backgroundColor: fn.primaryColor().concat('40'),}, //'40' = 25% opacity '&:hover': { backgroundColor: fn.primaryColor().concat('40'),}, //'40' = 25% opacity
flex:'1 1 auto' flex:'1 1 auto',
overflow: 'unset',
}} }}
display="flex" display="flex"
> >