fix: iframe styling (#355)

openedx-unsupported · Oct 30, 2023 · 0c1f4c0 · 0c1f4c0
1 parent c75f877
commit 0c1f4c0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/library-authoring/author-library/index.scss b/src/library-authoring/author-library/index.scss
@@ -5,7 +5,7 @@
     }
 
     .pgn__card-header-content {
-        margin-top: 0.6rem;
+        margin-top: 20px !important;
     }
 }
 

diff --git a/src/library-authoring/edit-block/LibraryBlock/LibraryBlock.jsx b/src/library-authoring/edit-block/LibraryBlock/LibraryBlock.jsx
@@ -116,7 +116,7 @@ class LibraryBlock extends React.Component {
         position: 'relative',
         overflow: 'hidden',
         minHeight: '200px',
-        margin: '16px',
+        margin: '24px',
       }}
       >
         <iframe

diff --git a/src/library-authoring/edit-block/LibraryBlock/wrap.js b/src/library-authoring/edit-block/LibraryBlock/wrap.js
@@ -376,7 +376,7 @@ export default function wrapBlockHtmlForIFrame(html, resources, lmsBaseUrl) {
     <!-- A Studio-served stylesheet will set the body min-height to 100% (a common strategy to allow for background
     images to fill the viewport), but this has the undesireable side-effect of causing an infinite loop via the
     onResize event listeners in certain situations.  Resetting it to the default "auto" skirts the problem. -->
-    <body style="min-height: auto">
+    <body style="min-height: auto; background-color: white">
       ${html}
       ${jsTags}
       <script>
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,7 +5,7 @@ @@
         }
         .pgn__card-header-content {
-            margin-top: 0.6rem;
+            margin-top: 20px !important;
         }
     }
@@ Expand Down @@