Merge pull request #3062 from dpalou/MOBILE-3794

MOBILE-3794 sitepolicy: Make iframe bigger

src/core/features/login/pages/site-policy/site-policy.html

@@ -24,13 +24,13 @@
                     </p>
                 </ion-label>
             </ion-item>
-            <ion-card *ngIf="showInline">
+            <ion-card *ngIf="showInline" class="core-site-policy-iframe-container">
                 <core-iframe [src]="sitePolicy"></core-iframe>
             </ion-card>
-            <ion-button class="ion-text-wrap ion-margin" expand="block" (click)="accept()">
+            <ion-button class="ion-text-wrap ion-margin-horizontal" expand="block" (click)="accept()">
                 {{ 'core.login.policyaccept' | translate }}
             </ion-button>
-            <ion-button class="ion-text-wrap ion-margin" expand="block" color="light" (click)="cancel()">
+            <ion-button class="ion-text-wrap ion-margin-horizontal ion-margin-bottom" expand="block" color="light" (click)="cancel()">
                 {{ 'core.login.cancel' | translate }}
             </ion-button>
         </ion-list>

src/core/features/login/pages/site-policy/site-policy.scss

@@ -0,0 +1,26 @@
+:host {
+    ion-list {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+
+        ion-item {
+            flex-shrink: 0;
+        }
+
+        .core-site-policy-iframe-container {
+            height: 100%;
+
+            core-iframe {
+                height: 100%;
+                width: 100%;
+            }
+        }
+    }
+}
+
+:host core-loading ::ng-deep {
+    .core-loading-content {
+        height: 100%;
+    }
+}

src/core/features/login/pages/site-policy/site-policy.ts

@@ -29,6 +29,7 @@ import { CoreEvents } from '@singletons/events';
 @Component({
     selector: 'page-core-login-site-policy',
     templateUrl: 'site-policy.html',
+    styleUrls: ['site-policy.scss'],
 })
 export class CoreLoginSitePolicyPage implements OnInit {