Merge pull request #2485 from weseek/imprv/sticky-admin-navigation

Imprv/sticky admin navigation

src/client/js/components/Admin/Common/AdminNavigation.jsx

@@ -69,9 +69,9 @@ const AdminNavigation = (props) => {
   };
 
   return (
-    <div>
+    <React.Fragment>
       {/* List group */}
-      <div className="list-group admin-navigation d-none d-lg-block">
+      <div className="list-group admin-navigation sticky-top d-none d-lg-block">
         {getListGroupItemOrDropdownItemList(true)}
       </div>
 
@@ -104,7 +104,7 @@ const AdminNavigation = (props) => {
         </div>
       </div>
 
-    </div>
+    </React.Fragment>
   );
 };
 

src/client/styles/scss/_admin.scss

@@ -166,6 +166,11 @@
   }
 }
 
-.admin-navigation > a + a {
-  margin-top: 2px;
+.admin-navigation {
+  & > a + a {
+    margin-top: 2px;
+  }
+  &.sticky-top {
+    top: 30px;
+  }
 }