Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-09 06:55:47 +01:00
Code Issues Packages Projects Releases Activity

fix secondary navigation responsiveness

Browse Source
This commit is contained in:
Eduard Heimbuch
2020-02-27 16:41:19 +01:00
parent f9b680f548
commit d59778c3bd
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scm-ui/ui-components/src/navigation/Section.tsx
View File

@@ -27,7 +27,7 @@ const SmallButton = styled(Button)`
const MenuLabel = styled.p` const MenuLabel = styled.p`
min-height: 2.5rem; min-height: 2.5rem;
display: flex; display: flex;
justify-content: ${(props: StylingProps) => (props.collapsed ? "center" : "space-between")}; justify-content: ${(props: { collapsed: boolean }) => (props.collapsed ? "center" : "space-between")};
`; `;
const Section: FC<Props> = ({ label, children, collapsed, onCollapse }) => { const Section: FC<Props> = ({ label, children, collapsed, onCollapse }) => {
@@ -48,10 +48,10 @@ const Section: FC<Props> = ({ label, children, collapsed, onCollapse }) => {
return ( return (
<SectionContainer collapsed={collapsed ? collapsed : false} scrollPositionY={onCollapse ? scrollPositionY : 0}> <SectionContainer collapsed={collapsed ? collapsed : false} scrollPositionY={onCollapse ? scrollPositionY : 0}>
<MenuLabel className="menu-label" collapsed={collapsed}> <MenuLabel className="menu-label" collapsed={collapsed ? collapsed : false}>
{collapsed ? "" : label} {collapsed ? "" : label}
{onCollapse && ( {onCollapse && (
<SmallButton color="info" className="is-small" action={() => onCollapse(!collapsed)}> <SmallButton color="info" className="is-medium" action={() => onCollapse(!collapsed)}>
{arrowIcon} {arrowIcon}
</SmallButton> </SmallButton>
)} )}