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

fix: add back study browser scrollbar (#4942)

Browse Source
This commit is contained in:
Pedro Köhler 2025-04-11 13:41:16 -03:00 committed by GitHub
parent 4926a9532c
commit ed94df0dfe
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx
View File

@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
import { StudyItem } from '../StudyItem'; import { StudyItem } from '../StudyItem';
import { StudyBrowserSort } from '../StudyBrowserSort'; import { StudyBrowserSort } from '../StudyBrowserSort';
import { StudyBrowserViewOptions } from '../StudyBrowserViewOptions'; import { StudyBrowserViewOptions } from '../StudyBrowserViewOptions';
import { ScrollArea } from '../ScrollArea';
const noop = () => {}; const noop = () => {};
@ -59,26 +60,28 @@ const StudyBrowser = ({
}; };
return ( return (
<div <ScrollArea>
className="ohif-scrollbar invisible-scrollbar bg-bkg-low flex flex-1 flex-col gap-[4px] overflow-auto" <div
data-cy={'studyBrowser-panel'} className="bg-bkg-low flex flex-1 flex-col gap-[4px]"
> data-cy={'studyBrowser-panel'}
<div className="flex flex-col gap-[4px]"> >
{showSettings && ( <div className="flex flex-col gap-[4px]">
<div className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]"> {showSettings && (
<> <div className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]">
<StudyBrowserViewOptions <>
tabs={tabs} <StudyBrowserViewOptions
onSelectTab={onClickTab} tabs={tabs}
activeTabName={activeTabName} onSelectTab={onClickTab}
/> activeTabName={activeTabName}
<StudyBrowserSort servicesManager={servicesManager} /> />
</> <StudyBrowserSort servicesManager={servicesManager} />
</div> </>
)} </div>
{getTabContent()} )}
{getTabContent()}
</div>
</div> </div>
</div> </ScrollArea>
); );
}; };