From 706b502ced94a5a6e57fa1a1855e2ab229f84a2c Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Fri, 24 Apr 2020 11:35:54 +0200
Subject: [PATCH] fixes issue on front-end that hides things when the list of
 components gets too long. Also solves an issue with the component panel not
 showing all properties if there are too many

---
 .../src/components/userInterface/CurrentItemPreview.svelte   | 4 +---
 .../src/components/userInterface/UserInterfaceRoot.svelte    | 5 ++---
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/builder/src/components/userInterface/CurrentItemPreview.svelte b/packages/builder/src/components/userInterface/CurrentItemPreview.svelte
index 6148a51457..919b017c5b 100644
--- a/packages/builder/src/components/userInterface/CurrentItemPreview.svelte
+++ b/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%;
   }
diff --git a/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte b/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
index 99e7bdcd08..4f32c55d24 100644
--- a/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
+++ b/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>