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

fix(ui): worklist had layout shift (#3218)

Browse Source 
* fix(ui): worklist had layout shift

* apply review comments
This commit is contained in:
Alireza 2023-03-06 09:47:26 -05:00 committed by GitHub
parent 38d452e17d
commit f14e23cb8b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 35 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
platform/ui/src/components/StudyListFilter/StudyListFilter.tsx
View File

@ -66,10 +66,7 @@ const StudyListFilter = ({
</div> </div>
</div> </div>
</div> </div>
<div <div className="sticky z-10 border-b-4 border-black -top-1">
className="sticky z-10 border-b-4 border-black"
style={{ top: '52px' }}
>
<div className="pt-3 pb-3 bg-primary-dark "> <div className="pt-3 pb-3 bg-primary-dark ">
<InputGroup <InputGroup
inputMeta={filtersMeta} inputMeta={filtersMeta}

8
platform/viewer/src/routes/WorkList/WorkList.tsx
View File

@ -430,17 +430,14 @@ function WorkList({
} }
return ( return (
<div <div className="bg-black h-screen flex flex-col ">
className={classnames('bg-black h-full', {
'h-screen': !hasStudies,
})}
>
<Header <Header
isSticky isSticky
menuOptions={menuOptions} menuOptions={menuOptions}
isReturnEnabled={false} isReturnEnabled={false}
WhiteLabeling={appConfig.whiteLabeling} WhiteLabeling={appConfig.whiteLabeling}
/> />
<div className="overflow-y-auto ohif-scrollbar">
<StudyListFilter <StudyListFilter
numOfStudies={pageNumber * resultsPerPage > 100 ? 101 : numOfStudies} numOfStudies={pageNumber * resultsPerPage > 100 ? 101 : numOfStudies}
filtersMeta={filtersMeta} filtersMeta={filtersMeta}
@ -473,6 +470,7 @@ function WorkList({
</div> </div>
)} )}
</div> </div>
</div>
); );
} }