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

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

@ -70,7 +70,11 @@ const StudyBrowser = ({
}; };
return ( return (
<div data-cy={'studyBrowser-panel'}> <div
className="ohif-scrollbar invisible-scrollbar bg-bkg-low flex flex-1 flex-col gap-[4px] overflow-auto"
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]">
<> <>
@ -83,8 +87,6 @@ const StudyBrowser = ({
</> </>
</div> </div>
)} )}
<div className="ohif-scrollbar invisible-scrollbar bg-bkg-low flex flex-1 flex-col gap-[4px] overflow-auto">
{getTabContent()} {getTabContent()}
</div> </div>
</div> </div>