fix: apply sticky sidebar fix to other pages

Author: maxceem

src/projects/detail/containers/AssetsLibraryContainer.jsx

@@ -122,7 +122,7 @@ class AssetsLibraryContainer extends React.Component {
           <MediaQuery minWidth={SCREEN_BREAKPOINT_MD}>
             {(matches) => {
               if (matches) {
-                return <Sticky top={60}>{leftArea}</Sticky>
+                return <Sticky top={60} bottomBoundary="#wrapper-main">{leftArea}</Sticky>
               } else {
                 return leftArea
               }

src/projects/detail/containers/MessagesContainer.js

@@ -460,7 +460,7 @@ class MessagesView extends React.Component {
       <MediaQuery minWidth={SCREEN_BREAKPOINT_MD}>
         {matches => {
           if (matches) {
-            return <Sticky top={60}>{leftArea}</Sticky>
+            return <Sticky top={60} bottomBoundary="#wrapper-main">{leftArea}</Sticky>
           } else {
             return leftArea
           }

src/projects/detail/containers/MessagesTabContainer.jsx

@@ -158,7 +158,7 @@ class MessagesTabContainer extends React.Component {
       <MediaQuery minWidth={SCREEN_BREAKPOINT_MD}>
         {matches => {
           if (matches) {
-            return <Sticky top={60}>{leftArea}</Sticky>
+            return <Sticky top={60} bottomBoundary="#wrapper-main">{leftArea}</Sticky>
           } else {
             return leftArea
           }

src/projects/detail/containers/ProjectSummaryReportContainer.jsx

@@ -74,7 +74,7 @@ class ProjectSummaryReportContainer extends React.Component {
           <MediaQuery minWidth={SCREEN_BREAKPOINT_MD}>
             {(matches) => {
               if (matches) {
-                return <Sticky top={60}>{leftArea}</Sticky>
+                return <Sticky top={60} bottomBoundary="#wrapper-main">{leftArea}</Sticky>
               } else {
                 return leftArea
               }

src/projects/detail/containers/ScopeAndSpecificationContainer.jsx

@@ -184,7 +184,7 @@ class SpecificationContainer extends Component {
           <MediaQuery minWidth={SCREEN_BREAKPOINT_MD}>
             {(matches) => {
               if (matches) {
-                return <Sticky top={60}>{leftArea}</Sticky>
+                return <Sticky top={60} bottomBoundary="#wrapper-main">{leftArea}</Sticky>
               } else {
                 return leftArea
               }

src/projects/list/components/Projects/Projects.jsx

@@ -286,7 +286,7 @@ class Projects extends Component {
             {(matches) => {
               if (matches) {
                 return (
-                  <Sticky top={60}>
+                  <Sticky top={60} bottomBoundary="#wrapper-main">
                     <UserSidebar user={user}/>
                   </Sticky>
                 )

src/routes/metadata/components/MetaDataLayout.jsx

@@ -21,7 +21,7 @@ class MetaDataLayout extends React.Component {
             {(matches) => {
               if (matches) {
                 return (
-                  <Sticky top={60}>
+                  <Sticky top={60} bottomBoundary="#wrapper-main">
                     <MetadataSidebar/>
                   </Sticky>
                 )

src/routes/notifications/containers/NotificationsContainer.jsx

@@ -84,7 +84,7 @@ const NotificationsContainerView = (props) => {
           {(matches) => {
             if (matches) {
               return (
-                <Sticky top={60}>
+                <Sticky top={60} bottomBoundary="#wrapper-main">
                   <UserSidebar user={user}/>
                 </Sticky>
               )
@@ -133,7 +133,7 @@ const NotificationsContainerView = (props) => {
             }
           </div>
           <aside className="filters">
-            <Sticky top={90}>
+            <Sticky top={90} bottomBoundary="#wrapper-main">
               <SideFilter
                 filterSections={getNotificationsFilters(allNotificationsBySources)}
                 selectedFilter={filterBy}

src/routes/settings/components/SettingsPanel.jsx

@@ -22,7 +22,7 @@ const SettingsPanel = (props) => (
         {(matches) => {
           if (matches) {
             return (
-              <Sticky top={60}>
+              <Sticky top={60} bottomBoundary="#wrapper-main">
                 <UserSidebar user={props.user}/>
               </Sticky>
             )