No border for fullscreen iframe (#49)

* No border for fullscreen * fix dash Co-authored-by: Steve Mask <smask@paypal.com>
paypal · Apr 26, 2022 · dec4169 · dec4169
1 parent bfd22e6
commit dec4169
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/overlay/style.js b/src/overlay/style.js
@@ -44,6 +44,10 @@ export function getSandboxStyle({ uid } : {| uid : string |}) : string {
             height: 100%;
         }
 
+        #${ uid }.paypal-checkout-sandbox .paypal-checkout-sandbox-iframe-full {
+            border: 0;
+        }
+
         @keyframes show-container {
             from {
                 opacity: 0;

diff --git a/src/overlay/template.jsx b/src/overlay/template.jsx
@@ -115,7 +115,7 @@ export function Overlay({ context, close, focus, event, frame, prerenderFrame, c
     return (
         <div id={ uid } onRender={ setupAnimations('container') } class="paypal-checkout-sandbox">
             <style nonce={ nonce }>{ getSandboxStyle({ uid }) }</style>
-            <iframe title="PayPal Checkout Overlay" name={ `__paypal_checkout_sandbox_${ uid }__` } scrolling="no" class="paypal-checkout-sandbox-iframe">
+            <iframe title="PayPal Checkout Overlay" name={ `__paypal_checkout_sandbox_${ uid }__` } scrolling="no" class={ `paypal-checkout-sandbox-iframe${ fullScreen ? '-full' : '' }` }>
                 <html>
                     <body>
                         <div id={ uid } onClick={ focusCheckout } class={ `paypal-overlay-context-${ context } paypal-checkout-overlay` }>