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

fix side panel header

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-04-13 14:53:36 -03:00 committed by James A. Petts
parent cb9011b58a
commit ed30a4ccac
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
platform/ui/src/components/SidePanel/SidePanel.jsx
View File

@ -70,25 +70,29 @@ const SidePanel = ({
return (
<React.Fragment>
{isOpen ? (
<Button
variant="text"
color="inherit"
rounded="none"
onClick={() => {
setIsOpen(false);
}}
className="flex flex-row items-center border-b border-secondary-light px-3 h-12 relative w-full"
>
<Icon
name={openIconName[side]}
className={classnames(
'text-primary-active absolute',
side === 'left' && 'order-last'
)}
style={{ ...position[side] }}
/>
<span className="flex-1 text-primary-active">{componentLabel}</span>
</Button>
<div className="px-3 border-b border-secondary-light">
<Button
variant="text"
color="inherit"
rounded="none"
onClick={() => {
setIsOpen(false);
}}
className="flex flex-row items-center px-3 h-12 relative w-full"
>
<Icon
name={openIconName[side]}
className={classnames(
'text-primary-active absolute',
side === 'left' && 'order-last'
)}
style={{ ...position[side] }}
/>
<span className="flex-1 text-primary-active">
{componentLabel}
</span>
</Button>
</div>
) : (
<Button
variant="text"
@ -119,7 +123,7 @@ const SidePanel = ({
)}
style={style}
>
<div>{getSidePanelHeader()}</div>
{getSidePanelHeader()}
{isOpen && children}
</div>
);