Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-03 12:05:52 +01:00
Code Issues Packages Projects Releases Activity

Fix behavior of secondary navigation and content (with different display sizes)

Browse Source
This commit is contained in:
Florian Scholdei
2020-03-25 15:35:46 +01:00
parent b64729304c
commit b438cbdebc
10 changed files with 211 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
scm-ui/ui-components/src/navigation/SecondaryNavigation.tsx
View File

@@ -38,11 +38,10 @@ type CollapsedProps = {
collapsed: boolean;
};
const SectionContainer = styled.aside<CollapsedProps>`
const SectionContainer = styled.aside`
position: sticky;
position: -webkit-sticky; /* Safari */
top: 2rem;
width: ${props => (props.collapsed ? "5.5rem" : "20.5rem")};
`;
const Icon = styled.i<CollapsedProps>`
@@ -80,7 +79,7 @@ const SecondaryNavigation: FC<Props> = ({ label, children, collapsed, onCollapse
const arrowIcon = isCollapsed ? <i className="fas fa-caret-down" /> : <i className="fas fa-caret-right" />;
return (
<SectionContainer className="menu" collapsed={isCollapsed}>
<SectionContainer className="menu">
<div>
<MenuLabel
className="menu-label"