style: Update summary inside-iframe css class (#2129)

ORCID · Jan 3, 2024 · ee646f0 · ee646f0
1 parent bebe4f7
commit ee646f0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/app/trusted-summary/pages/trusted-summary/trusted-summary.component.html b/src/app/trusted-summary/pages/trusted-summary/trusted-summary.component.html
@@ -2,9 +2,9 @@
   *ngIf="trustedSummary"
   class="panel"
   [ngClass]="{
-    mobile: mobile
+    mobile: mobile,
+    'inside-iframe': insideIframe
   }"
-  [ngClass]="insideIframe ? 'inside-iframe' : ''"
 >
   <header class="panel-header">
     <!-- orcid logo -->

diff --git a/src/app/trusted-summary/pages/trusted-summary/trusted-summary.component.scss b/src/app/trusted-summary/pages/trusted-summary/trusted-summary.component.scss
@@ -8,7 +8,16 @@ main {
 }
 
 main.inside-iframe {
-  margin-top: 0px;
+  margin-top: 0;
+  align-content: start;
+  grid-gap: 0;
+  height: 100vh;
+  box-sizing: border-box;
+
+  .panel-body {
+    padding-top: 16px;
+    overflow-y: auto;
+  }
 }
 
 .panel {