shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): gracefully handle lengthy titles & long words in overviews (#1338)

Browse Source
This commit is contained in:
TheCatLady
2021-03-31 06:19:14 -04:00
committed by GitHub
parent 55b18f0023
commit d8bcb99b2f
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/TitleCard/index.tsx
View File

@@ -221,7 +221,16 @@ const TitleCard: React.FC<TitleCardProps> = ({
> >
{year && <div className="text-sm">{year}</div>} {year && <div className="text-sm">{year}</div>}
<h1 className="text-xl leading-tight whitespace-normal"> <h1
className="text-xl leading-tight whitespace-normal"
style={{
WebkitLineClamp: 3,
display: '-webkit-box',
overflow: 'hidden',
WebkitBoxOrient: 'vertical',
wordBreak: 'break-word',
}}
>
{title} {title}
</h1> </h1>
<div <div
@@ -236,6 +245,7 @@ const TitleCard: React.FC<TitleCardProps> = ({
display: '-webkit-box', display: '-webkit-box',
overflow: 'hidden', overflow: 'hidden',
WebkitBoxOrient: 'vertical', WebkitBoxOrient: 'vertical',
wordBreak: 'break-word',
}} }}
> >
{summary} {summary}