refactor(Storage): move filters out of scrollable container

Author: ariser

src/containers/Storage/Storage.js

@@ -40,7 +40,6 @@ const FILTER_OPTIONS = {
 const tableSettings = {
     ...DEFAULT_TABLE_SETTINGS,
     defaultOrder: DataTable.DESCENDING,
-    stickyTop: 62,
 };
 
 class Storage extends React.Component {

src/containers/Storage/Storage.scss

@@ -1,34 +1,20 @@
 @import '../../styles/mixins.scss';
 
 .global-storage {
-    display: flex;
-    overflow: auto;
-    flex-direction: column;
-    align-items: flex-start;
-
     height: 100%;
     max-height: 100%;
+    @include flex-container;
 
     &__controls {
-        position: sticky;
-        z-index: 2;
-        top: 0;
-
-        width: 100%;
-
-        background-color: var(--yc-color-base-background);
         @include controls();
     }
     &__search {
         @include search();
     }
 
     &__table-wrapper {
-        display: flex;
-        flex: 1 1 auto;
-        flex-direction: column;
-
-        min-width: 100%;
+        overflow: auto;
+        flex-grow: 1;
 
         font-size: var(--yc-text-body2-font-size);
         line-height: var(--yc-text-body2-line-height);

src/containers/Tenant/Diagnostics/Diagnostics.scss

@@ -40,9 +40,9 @@
         padding: 0 20px;
 
         & .global-storage {
-            height: calc(100% + 16px);
-            max-height: calc(100% + 16px);
-            margin-top: -16px;
+            &__controls {
+                padding-top: 0;
+            }
         }
     }
 }