added iframe height

apps/remix-ide/src/app/components/panel.js

@@ -14,7 +14,6 @@ export class AbstractPanel extends HostPlugin {
     this.contents = {}
     this.active = undefined
     this.element = document.createElement('div')
-    this.element.setAttribute('style', 'height: 100%; width: 100%; border: 0;')
   }
 
   onActivation () {
@@ -23,7 +22,6 @@ export class AbstractPanel extends HostPlugin {
 
   addView (profile, view) {
     if (this.contents[profile.name]) throw new Error(`Plugin ${profile.name} already rendered`)
-    // view.style.height = '90%' // makde external plugins full height
     view.style.width = '100%'
     view.style.border = '0'
     this.contents[profile.name] = view

libs/remix-ui/side-panel/src/lib/remix-ui-side-panel.module.css

@@ -16,7 +16,7 @@
     padding-left: 6px;
     font-size: 14px;
   }
-  .remix-ui-side-panel-swapitHeader {
+  .swapitHeader {
     display: flex;
     align-items: center;
     padding: 16px 24px 15px;
@@ -40,4 +40,9 @@
     margin-left: 5px;
     text-transform: lowercase;
     cursor: default;
-  }
+  }
+
+  iframe {
+    height: 100%;
+    overflow-y: scroll;
+  }

libs/remix-ui/side-panel/src/lib/remix-ui-side-panel.tsx

@@ -46,7 +46,7 @@ export function RemixUiSidePanel(props: RemixUiSidePanelProps) {
   const renderHeader =  () => {
     getProfile()
    return (
-    <header className="remix-ui-side-panel-swapitHeader" style={{
+    <header className="swapitHeader" style={{
     display: 'flex',
     alignItems: "center",
     padding: '16px 24px 15px',
@@ -61,13 +61,8 @@ export function RemixUiSidePanel(props: RemixUiSidePanelProps) {
 
 
   return (
-            <section>
+            <section style={{height: "100%"}}>
               {renderHeader()}
-              <div className="pluginsContainer" style={{
-                    height: "100%",
-                    overflowY: "auto"
-              }}>
-              </div>
             </section>
   );
 }