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

fix(ui): Scrolling and display fixes for study panel (#4494)

Browse Source
This commit is contained in:
Dan Rukas 2024-11-12 17:21:05 -05:00 committed by GitHub
parent 2f7bb02387
commit 4f8281b04a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -71,24 +71,22 @@ const StudyBrowser = ({
return ( return (
<div <div
className="ohif-scrollbar invisible-scrollbar bg-bkg-low flex flex-1 flex-col gap-[4px] overflow-auto" className="ohif-scrollbar invisible-scrollbar bg-bkg-low flex flex-1 flex-col gap-[4px] overflow-auto pt-px"
data-cy={'studyBrowser-panel'} data-cy={'studyBrowser-panel'}
> >
<div> {showSettings && (
{showSettings && ( <div className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]">
<div className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]"> <>
<> <StudyBrowserViewOptions
<StudyBrowserViewOptions tabs={tabs}
tabs={tabs} onSelectTab={onClickTab}
onSelectTab={onClickTab} activeTabName={activeTabName}
activeTabName={activeTabName} />
/> <StudyBrowserSort servicesManager={servicesManager} />
<StudyBrowserSort servicesManager={servicesManager} /> </>
</> </div>
</div> )}
)} {getTabContent()}
{getTabContent()}
</div>
</div> </div>
); );
}; };

1
platform/ui-next/src/components/StudyItem/StudyItem.tsx
View File

@ -27,6 +27,7 @@ const StudyItem = ({
collapsible collapsible
onClick={onClick} onClick={onClick}
onKeyDown={() => {}} onKeyDown={() => {}}
className="flex-shrink-0"
role="button" role="button"
tabIndex={0} tabIndex={0}
defaultValue={isActive ? 'study-item' : undefined} defaultValue={isActive ? 'study-item' : undefined}

4
platform/ui-next/src/components/Thumbnail/Thumbnail.tsx
View File

@ -70,7 +70,7 @@ const Thumbnail = ({
<div <div
className={classnames( className={classnames(
'flex h-full w-full flex-col items-center justify-center gap-[2px] p-[4px]', 'flex h-full w-full flex-col items-center justify-center gap-[2px] p-[4px]',
isActive && 'bg-popover' isActive && 'bg-popover rounded'
)} )}
> >
<div className="h-[114px] w-[128px]"> <div className="h-[114px] w-[128px]">
@ -202,7 +202,7 @@ const Thumbnail = ({
<div <div
className={classnames( className={classnames(
'flex h-full w-full items-center justify-between pr-[8px] pl-[8px] pt-[4px] pb-[4px]', 'flex h-full w-full items-center justify-between pr-[8px] pl-[8px] pt-[4px] pb-[4px]',
isActive && 'bg-popover' isActive && 'bg-popover rounded'
)} )}
> >
<div className="relative flex h-[32px] items-center gap-[8px]"> <div className="relative flex h-[32px] items-center gap-[8px]">