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

Add truncate 2 lines class (#1853)

Browse Source
This commit is contained in:
Igor Octaviano 2020-07-02 11:41:53 -03:00 committed by GitHub
parent c36f853a38
commit ae05de18af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,7 +37,7 @@ const StudyItem = ({
</div> </div>
<div className="flex flex-row py-1"> <div className="flex flex-row py-1">
<div className="pr-5 text-xl text-blue-300">{modalities}</div> <div className="pr-5 text-xl text-blue-300">{modalities}</div>
<div className="text-base text-blue-300">{description}</div> <div className="text-base text-blue-300 break-words truncate-2-lines">{description}</div>
</div> </div>
</div> </div>
{!!trackedSeries && ( {!!trackedSeries && (

10
platform/ui/src/gatsby-theme-docz/tailwind.css
View File

@ -4,3 +4,13 @@
/* IMPORT CUSTOM FONT */ /* IMPORT CUSTOM FONT */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap'); @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');
/* Trincate 2 lines utility */
.truncate-2-lines {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.3;
height: 2rem;
}