No border for fullscreen iframe (#49)

mnicpt · Steve Mask · web-flow · commit dec4169f3d99 · 2022-04-26T11:40:49.000-05:00
* No border for fullscreen

* fix dash

Co-authored-by: Steve Mask &lt;smask@paypal.com&gt;
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` }>
