diff --git a/app/components/Sidebar/components/CollectionLink.js b/app/components/Sidebar/components/CollectionLink.js index 9cf95290a..8f71c5aef 100644 --- a/app/components/Sidebar/components/CollectionLink.js +++ b/app/components/Sidebar/components/CollectionLink.js @@ -41,7 +41,6 @@ class CollectionLink extends React.Component { history={history} collectionId={collection.id} activeClassName="activeDropZone" - menuOpen={this.menuOpen} > { iconColor={collection.color} expand={expanded} hideExpandToggle + menuOpen={this.menuOpen} expandedContent={ {collection.documents.map(document => ( diff --git a/app/components/Sidebar/components/SidebarLink.js b/app/components/Sidebar/components/SidebarLink.js index 4533b7765..42958eb53 100644 --- a/app/components/Sidebar/components/SidebarLink.js +++ b/app/components/Sidebar/components/SidebarLink.js @@ -53,6 +53,7 @@ type Props = { expand?: boolean, expandedContent?: React.Node, menu?: React.Node, + menuOpen?: boolean, hideExpandToggle?: boolean, iconColor?: string, active?: boolean, @@ -92,13 +93,14 @@ class SidebarLink extends React.Component { expand, active, menu, + menuOpen, hideExpandToggle, } = this.props; const Component = to ? StyledNavLink : StyledDiv; const showExpandIcon = expandedContent && !hideExpandToggle; return ( - + { const Action = styled.span` position: absolute; right: 0; - top: 0; + top: 2px; color: ${color.slate}; svg { opacity: 0.75;