diff --git a/public/css/site-2020Styling.css b/public/css/site-2020Styling.css index beb4c3ec5..07d331589 100644 --- a/public/css/site-2020Styling.css +++ b/public/css/site-2020Styling.css @@ -87,10 +87,13 @@ display: none; } -#afterpay__iframe-checkout-container { +.buy-backdrop { + background-color: rgba(0, 0, 0, 0.3) !important; +} +.buy-backdrop #afterpay__iframe-checkout-container { width: 100%; } -#afterpay__iframe-checkout-container .style_closeWrapper__lIHJe { +.buy-backdrop #afterpay__iframe-checkout-container .style_closeWrapper__lIHJe { display: none; } @@ -98,10 +101,6 @@ 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 395eebcb2..3cd0839bc 100644 --- a/public/scss/site-2020Styling.scss +++ b/public/scss/site-2020Styling.scss @@ -92,10 +92,13 @@ // AfterPay Styles -#afterpay__iframe-checkout-container { - width: 100%; - .style_closeWrapper__lIHJe { - display: none; +.buy-backdrop { + background-color: rgba(0,0,0,.3)!important; + #afterpay__iframe-checkout-container { + width: 100%; + .style_closeWrapper__lIHJe { + display: none; + } } } @@ -103,10 +106,6 @@ display: none; } -.buy-backdrop { - background-color: rgba(0,0,0,.3)!important; -} - // Modal Spinner @keyframes rotate {