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

fix: Scrollbars on the thumbnails to be auto visible (#2605)

Browse Source 
The thumbnail view had hte scrollbars not visible and they didn't
appear, and that made it hard to discover how to scroll.
This commit is contained in:
Bill Wallace 2022-01-14 15:23:13 -05:00 committed by GitHub
parent 987eceb40a
commit c6a9571915
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,11 @@
/* CUSTOM OHIF SCROLLBAR */
.ohif-scrollbar {
scrollbar-color: #3E5967 transparent;
scrollbar-gutter: stable;
}
.ohif-scrollbar:hover {
overflow-y: auto;
}
.ohif-scrollbar::-webkit-scrollbar {

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

@ -15,7 +15,7 @@ const MeasurementTable = ({ data, title, amount, onClick, onEdit }) => {
</span>
<span className="text-base font-bold text-white">{amount}</span>
</div>
<div className="overflow-x-hidden overflow-y-auto ohif-scrollbar max-h-112">
<div className="overflow-hidden ohif-scrollbar max-h-112">
{data.length !== 0 &&
data.map((measurementItem, index) => (
<MeasurementItem

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

@ -105,7 +105,7 @@ const StudyBrowser = ({
})}
</ButtonGroup>
</div>
<div className="flex flex-col flex-1 overflow-auto invisible-scrollbar">
<div className="flex flex-col flex-1 overflow-auto">
{getTabContent()}
</div>
</React.Fragment>

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

@ -11,7 +11,7 @@ const ThumbnailList = ({
onClickUntrack,
}) => {
return (
<div className="py-3 bg-black">
<div className="py-3 bg-black overflow-y-hidden ohif-scrollbar">
{thumbnails.map(
({
displaySetInstanceUID,