Fix/manga track binding card styling (#680)

* Fix missing box shadow of active tracker card

Due to missing side paddings the box shadow wasn't visible

* Extract tracker card styling

* Prevent breaking title when selecting manga

* Limit max lines of titles
This commit is contained in:
schroda
2024-03-29 16:54:53 +01:00
committed by GitHub
parent 74f945dd59
commit fa1169337f
8 changed files with 82 additions and 23 deletions

View File

@@ -83,7 +83,14 @@ export const TrackManga = ({ manga }: { manga: Pick<TManga, 'id' | 'trackRecords
if (!isSearchActive) {
return (
<OptionalDialogContent sx={{ '.MuiPaper-root:last-child .MuiCardContent-root': { paddingBottom: '0' } }}>
<OptionalDialogContent
sx={{
padding: 0,
// MUI adds a bottom padding to the last child of type CardContent which can only be removed via actual css styling
// do it here, so it is done in one place for all track related CardContent components
'.MuiPaper-root .MuiCardContent-root': { paddingBottom: '0' },
}}
>
{trackerComponents}
</OptionalDialogContent>
);