TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Force descriptions to wrap if they would overflow container (thumbnails)

Browse Source
This commit is contained in:
dannyrb 2020-06-16 23:15:40 -04:00
parent a8954befee
commit 0717893e56
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platform/ui/src/components/Thumbnail/Thumbnail.jsx
View File

@ -68,7 +68,7 @@ const Thumbnail = ({
<Icon name="group-layers" className="w-3 mr-2" /> {numInstances} <Icon name="group-layers" className="w-3 mr-2" /> {numInstances}
</div> </div>
</div> </div>
<div className="text-base text-white">{description}</div> <div className="text-base text-white break-all">{description}</div>
</div> </div>
); );
}; };

12
platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.jsx
View File

@ -28,14 +28,16 @@ const ThumbnailNoImage = ({
tabIndex="0" tabIndex="0"
> >
<div className="flex flex-col flex-1"> <div className="flex flex-col flex-1">
<div className="flex flex-row flex-1 items-center mb-2"> <div className="flex flex-row items-center flex-1 mb-2">
<Icon name="list-bullets" className="text-secondary-light w-12" /> <Icon name="list-bullets" className="w-12 text-secondary-light" />
<div className="px-3 bg-primary-main rounded-sm mr-4 text-lg text-white"> <div className="px-3 mr-4 text-lg text-white rounded-sm bg-primary-main">
{modality} {modality}
</div> </div>
<span className="text-blue-300 text-base">{seriesDate}</span> <span className="text-base text-blue-300">{seriesDate}</span>
</div>
<div className="ml-12 text-base text-white break-all">
{description}
</div> </div>
<div className="text-white text-base ml-12">{description}</div>
</div> </div>
</div> </div>
); );