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

fix: OHIF-255 Fixes Thumbnail height for active item (#1876)

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-07-10 15:52:58 -03:00 committed by GitHub
parent 8d61e3ae4c
commit 89cbe5bf2e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -50,11 +50,14 @@ const Thumbnail = ({
<div ref={drag}> <div ref={drag}>
<div <div
className={classnames( className={classnames(
'flex flex-1 items-center justify-center rounded-md bg-black text-base text-white overflow-hidden mb-2 min-h-32', 'flex flex-1 items-center justify-center rounded-md bg-black text-base text-white overflow-hidden min-h-32',
isActive isActive
? 'border-2 border-primary-light' ? 'border-2 border-primary-light'
: 'border border-secondary-light group-focus:border-blue-300 hover:border-blue-300' : 'border border-secondary-light group-focus:border-blue-300 hover:border-blue-300'
)} )}
style={{
margin: isActive ? '0' : '1px',
}}
> >
{imageSrc ? ( {imageSrc ? (
<img <img
@ -66,7 +69,7 @@ const Thumbnail = ({
<div>{imageAltText}</div> <div>{imageAltText}</div>
)} )}
</div> </div>
<div className="flex flex-row items-center flex-1 text-base text-blue-300"> <div className="flex flex-row items-center flex-1 text-base text-blue-300 pt-2">
<div className="mr-4"> <div className="mr-4">
<span className="font-bold text-primary-main">{'S: '}</span> <span className="font-bold text-primary-main">{'S: '}</span>
{seriesNumber} {seriesNumber}

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

@ -30,9 +30,12 @@ const ThumbnailNoImage = ({
ref={thumbnailElement} ref={thumbnailElement}
onFocus={() => blurHandlerListener(thumbnailElement)} onFocus={() => blurHandlerListener(thumbnailElement)}
className={classnames( className={classnames(
'flex flex-row flex-1 px-4 py-3 cursor-pointer outline-none border-transparent hover:border-blue-300 focus:border-blue-300 rounded select-none', 'flex flex-row flex-1 cursor-pointer outline-none border-transparent hover:border-blue-300 focus:border-blue-300 rounded select-none',
isActive ? 'border-2 border-primary-light' : 'border' isActive ? 'border-2 border-primary-light' : 'border'
)} )}
style={{
padding: isActive ? '11px' : '12px',
}}
id={`thumbnail-${displaySetInstanceUID}`} id={`thumbnail-${displaySetInstanceUID}`}
onClick={onClick} onClick={onClick}
onDoubleClick={onDoubleClick} onDoubleClick={onDoubleClick}