From 1f602079838d246fbb48961f09fcade73ab67fe2 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 8 Nov 2023 10:20:11 -0500
Subject: [PATCH] CSR-1391 update window height and styles for Afterpay.

---
 public/css/site-2020Styling.css   | 15 +++++++++++++++
 public/scss/site-2020Styling.scss | 19 +++++++++++++++++++
 src/layouts/payment/payment.vue   |  2 +-
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/public/css/site-2020Styling.css b/public/css/site-2020Styling.css
index d42d3a81d..beb4c3ec5 100644
--- a/public/css/site-2020Styling.css
+++ b/public/css/site-2020Styling.css
@@ -87,6 +87,21 @@
   display: none;
 }
 
+#afterpay__iframe-checkout-container {
+  width: 100%;
+}
+#afterpay__iframe-checkout-container .style_closeWrapper__lIHJe {
+  display: none;
+}
+
+.buy-container-closer {
+  display: none;
+}
+
+.buy-backdrop {
+  background-color: rgba(0, 0, 0, 0.3) !important;
+}
+
 @keyframes rotate {
   0% {
     transform: rotate(0);
diff --git a/public/scss/site-2020Styling.scss b/public/scss/site-2020Styling.scss
index fd716f6ee..395eebcb2 100644
--- a/public/scss/site-2020Styling.scss
+++ b/public/scss/site-2020Styling.scss
@@ -90,6 +90,25 @@
     }
 }
 
+// AfterPay Styles
+
+#afterpay__iframe-checkout-container {
+    width: 100%;
+    .style_closeWrapper__lIHJe {
+        display: none;
+    }
+}
+
+.buy-container-closer {
+    display: none;
+}
+
+.buy-backdrop {
+    background-color: rgba(0,0,0,.3)!important;
+}
+
+// Modal Spinner
+
 @keyframes rotate {
     0% {  transform: rotate(0)}
     100% { transform: rotate(360deg)}
diff --git a/src/layouts/payment/payment.vue b/src/layouts/payment/payment.vue
index a6340b5db..513a9318e 100644
--- a/src/layouts/payment/payment.vue
+++ b/src/layouts/payment/payment.vue
@@ -474,7 +474,7 @@ export default {
 <style lang="scss">
 .hop-iframe {
     position: relative;
-    min-height: 1120px;
+    min-height: 650px;
     width: 100%;
     border: 0 none;
 }