Merge pull request #998 from qtomlinson/qt/fix_scroll

Fix scrolling in ComponentList

Author: mpcen

src/components/ComponentList.js

@@ -145,8 +145,9 @@ class ComponentList extends React.Component {
   render() {
     const { loadMoreRows, noRowsRenderer, list, listLength } = this.props
     const { sortOrder, contentSeq } = this.state
+    const showFilterBar = false
     return (
-      <div className="clearly-table-body flex-grow">
+      <div className={`clearly-table-body flex-grow ${showFilterBar ? 'show-filter' : ''}`}>
         <div className="clearly-header">
           <div className="table-header-fcloumn">
             <h4>Component</h4>

src/styles/_App.scss

@@ -240,7 +240,6 @@ main {
   box-shadow: 5px 5px 20px -10px lightgrey;
   display: flex;
   min-height: 200px;
-  padding-bottom: $height-filters-section;
 
   .fa-spinner {
     display: none;

src/styles/_List.scss

@@ -373,6 +373,10 @@
   height: $height-filters-list;
 }
 
+.show-filter.clearly-table-body {
+  margin-bottom: $height-filters-section;
+}
+
 .filter-list,
 .list-filter,
 .section--filter-bar {

src/styles/style.css

@@ -433,13 +433,12 @@ a:hover {
   /* min-height: 550px; */
   /* max-height: 700px; */
   overflow: hidden;
-  height: 60vh;
   position: relative;
   width: 100%;
   will-change: transform; }
 
 .clearly-table-body .form-group.flex-grow-column {
-  height: 100%;
+  height: 60vh;
   width: 100%; }
 
 .clearly-table .form-group.flex-grow-column .checkbox {