schema scrolling when there are too many rows/cols is ok, and column menus aren't hidden

1 files changed, 16 insertions, 9 deletions

diff --git a/src/client/views/collections/CollectionSchemaView.scss b/src/client/views/collections/CollectionSchemaView.scss
index 487907c1c..c1d25f437 100644
--- a/src/client/views/collections/CollectionSchemaView.scss
+++ b/src/client/views/collections/CollectionSchemaView.scss
@@ -13,7 +13,8 @@
     // overflow: hidden;
     // overflow-x: scroll;
     // border: none;
-    overflow: hidden;
+    overflow: scroll;
+    // overflow-y: scroll;
     transition: top 0.5s;
 
     // .collectionSchemaView-cellContents {
@@ -69,21 +70,22 @@
 
 .ReactTable {
     width: 100%;
-    height: 100%;
+    // height: 100%;
     background: white;
     box-sizing: border-box;
     border: none !important;
 
     .rt-table {
-        overflow-y: auto;
-        overflow-x: auto;
+        // overflow-y: auto;
+        // overflow-x: auto;
         height: 100%;
         display: -webkit-inline-box;
         direction: ltr; 
+        overflow: visible;
     }
 
     .rt-thead {
-        width: calc(100% - 50px);
+        width: calc(100% - 52px);
         margin-left: 50px;
 
         &.-header {
@@ -121,6 +123,7 @@
     }
 
     .rt-tbody {
+        width: calc(100% - 2px);
         direction: rtl;
         overflow: visible;
     }
@@ -480,6 +483,9 @@ button.add-column {
 
 .collectionSchemaView-table {
     width: calc(100% - 7px);
+    height: 100%;
+    // overflow-y: scroll;
+    overflow: visible;
 }
 
 .sub {
@@ -489,10 +495,11 @@ button.add-column {
     width: calc(100% - 50px);
     margin-left: 50px;
 
-    .rt-table {
-        overflow-x: hidden; // todo; this shouldnt be like this :((
-        overflow-y: visible;
-    } // TODO fix
+    // .rt-table {
+    //     // overflow-x: hidden; // todo; this shouldnt be like this :((
+    //     // overflow-y: visible;
+    //     // overflow: visible;
+    // } // TODO fix
 
     .row-dragger {
         background-color: rgb(252, 252, 252);