MOBILE-3833 iframe: Fix iframe heights

src/core/components/iframe/iframe.scss

@@ -1,14 +1,5 @@
 :host {
-    > div {
-        max-width: 100%;
-        max-height: 100%;
-    }
-    iframe {
-        border: 0;
-        display: block;
-        max-width: 100%;
-        background-color: var(--ion-background-color);
-    }
+    flex-grow: 1;
 }
 
 :host-context(.core-iframe-fullscreen) {
@@ -21,3 +12,8 @@
     height: 100%;
     z-index: 9999;
 }
+
+:host-context(.limited-width > :not([slot])) {
+    display: flex;
+    flex-direction: column;
+}

src/core/components/loading/loading.scss

@@ -93,4 +93,5 @@
 :host-context(.limited-width > ):not([slot]) {
     --contents-display: flex;
     flex-direction: column;
+    min-height: 100%;
 }

src/theme/theme.base.scss

@@ -863,6 +863,7 @@ ion-content.limited-width > :not([slot]) {
 ion-content.limited-width > :not([slot]) {
     display: flex;
     flex-direction: column;
+    min-height: 100%;
 }
 
 ion-toolbar h1 img.core-bar-button-image,
@@ -1500,6 +1501,7 @@ ion-content.disable-scroll-y::part(scroll) {
 }
 
 iframe {
+    flex-grow: 1;
     border: 0;
     display: block;
     max-width: 100%;