Merge pull request #215 from Budibase/bugfix/scrolling-issues

fixes scrolling issues on front-end when component list is too long

packages/builder/src/components/userInterface/CurrentItemPreview.svelte

@@ -133,15 +133,13 @@
     grid-column-start: middle;
     position: relative;
     overflow: hidden;
-    padding-top: 56.25%;
     margin: auto;
+    height: 100%;
   }
 
   .component-container iframe {
     border: 0;
-    height: 100%;
     left: 0;
-    position: absolute;
     top: 0;
     width: 100%;
   }

packages/builder/src/components/userInterface/UserInterfaceRoot.svelte

@@ -135,7 +135,7 @@
     background-color: var(--white);
     height: calc(100vh - 49px);
     padding: 0;
-    overflow: hidden;
+    overflow: scroll;
     display: flex;
     flex-direction: column;
   }
@@ -152,7 +152,7 @@
     grid-column: 3;
     background-color: var(--white);
     min-height: 0px;
-    overflow-y: hidden;
+    overflow-y: scroll;
   }
 
   .components-nav-page {
@@ -235,7 +235,6 @@
   }
 
   .components-list-container {
-    overflow: auto;
     padding: 20px 0px 0 0;
   }
 </style>