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

fix(thumbnails): expand multi studies scrollbar (#3224)

Browse Source 
made per study scrollbars visible
This commit is contained in:
Braden Morley 2023-03-09 19:25:05 +00:00 committed by GitHub
parent 7a591b87a2
commit b9dbc5b3a5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
platform/ui/src/assets/styles/styles.css
View File

@ -4,6 +4,10 @@
scrollbar-gutter: stable; scrollbar-gutter: stable;
} }
.study-min-height {
min-height: 450px;
}
.ohif-scrollbar:hover { .ohif-scrollbar:hover {
overflow-y: auto; overflow-y: auto;
} }

4
platform/ui/src/components/StudyBrowser/StudyBrowser.tsx
View File

@ -109,7 +109,7 @@ const StudyBrowser = ({
})} })}
</ButtonGroup> </ButtonGroup>
</div> </div>
<div className="flex flex-col flex-1 overflow-auto"> <div className="flex flex-col flex-1 overflow-auto ohif-scrollbar invisible-scrollbar">
{getTabContent()} {getTabContent()}
</div> </div>
</React.Fragment> </React.Fragment>
@ -171,7 +171,7 @@ StudyBrowser.propTypes = {
), ),
}; };
const noop = () => {}; const noop = () => { };
StudyBrowser.defaultProps = { StudyBrowser.defaultProps = {
onClickTab: noop, onClickTab: noop,

2
platform/ui/src/components/ThumbnailList/ThumbnailList.tsx
View File

@ -12,7 +12,7 @@ const ThumbnailList = ({
activeDisplaySetInstanceUIDs = [], activeDisplaySetInstanceUIDs = [],
}) => { }) => {
return ( return (
<div className="py-3 bg-black overflow-y-hidden ohif-scrollbar"> <div className="py-3 bg-black overflow-y-hidden ohif-scrollbar study-min-height">
{thumbnails.map( {thumbnails.map(
({ ({
displaySetInstanceUID, displaySetInstanceUID,