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

fix(styles): several fixes for different styles (#4483)

Browse Source
This commit is contained in:
Ibrahim 2024-11-12 12:33:45 -05:00 committed by GitHub
parent 1801a217e3
commit a5f03764d1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platform/ui-next/src/components/PanelSection/PanelSection.tsx
View File

@ -34,7 +34,7 @@ export const PanelSection: React.FC<PanelSectionProps> & {
type="single" type="single"
collapsible collapsible
defaultValue={defaultOpen ? 'item' : undefined} defaultValue={defaultOpen ? 'item' : undefined}
className={cn('overflow-hidden', className)} className={cn('flex-shrink-0 overflow-hidden', className)}
> >
<AccordionItem <AccordionItem
value="item" value="item"

2
platform/ui-next/src/components/SegmentationTable/SegmentationSelectorHeader.tsx
View File

@ -138,7 +138,7 @@ export const SegmentationSelectorHeader: React.FC<{ children?: React.ReactNode }
))} ))}
</SelectContent> </SelectContent>
</Select> </Select>
<Tooltip> <Tooltip delayDuration={100}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<Button <Button
variant="ghost" variant="ghost"

2
platform/ui-next/src/components/SidePanel/SidePanel.tsx
View File

@ -360,7 +360,7 @@ const SidePanel = ({
const getOpenStateComponent = () => { const getOpenStateComponent = () => {
return ( return (
<> <>
<div className="bg-bkg-med flex h-[40px] select-none rounded-t p-2"> <div className="bg-bkg-med flex h-[40px] flex-shrink-0 select-none rounded-t p-2">
{tabs.length === 1 ? getOneTabComponent() : getTabGridComponent()} {tabs.length === 1 ? getOneTabComponent() : getTabGridComponent()}
</div> </div>
<Separator <Separator

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

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