[PW-2150] Fix 3DS2 challenge popup styling (#657)

* Fix 3DS2 challenge popup styling

* Add modal new config to one click as well

view/frontend/web/css/styles.css

@@ -1243,11 +1243,13 @@
     height:100%;
     width:100%
 }
+
 .adyen-checkout__threeds2__challenge.adyen-checkout__threeds2__challenge--05{
     overflow:hidden;
     padding-top:56.25%;
     position:relative
 }
+
 .adyen-checkout__threeds2__challenge.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe{
     border:0;
     height:100%;
@@ -1619,15 +1621,20 @@
 /* Checkout component Adyen styling end */
 
 /* never show the close button as this will result in errors */
-.threeDS2Modal .action-close {display:none; }
-
-
+.threeDS2Modal .action-close {
+    display:none;
+}
 
 .threeDS2Modal #threeDS2Container {
     margin-bottom: 5rem;
 }
 
-.adyen-checkout__threeds2, .adyen-checkout__threeds2__challenge {
-    height:100%;
+.adyen-checkout__threeds2__challenge.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe{
+    position: relative;
+    min-height: 400px;
 }
 
+.adyen-checkout__threeds2__challenge.adyen-checkout__threeds2__challenge--05{
+    overflow:auto;
+    padding-top: 0;
+}

view/frontend/web/js/view/payment/method-renderer/adyen-cc-method.js

@@ -245,6 +245,8 @@ define(
                     var popupModal = $('#threeDS2Modal').modal({
                         // disable user to hide popup
                         clickableOverlay: false,
+                        responsive: true,
+                        innerScroll: false,
                         // empty buttons, we don't need that
                         buttons: [],
                         modalClass: 'threeDS2Modal'

view/frontend/web/js/view/payment/method-renderer/adyen-oneclick-method.js

@@ -360,6 +360,8 @@ define(
                                 var popupModal = $('#threeDS2ModalOneClick').modal({
                                     // disable user to hide popup
                                     clickableOverlay: false,
+                                    responsive: true,
+                                    innerScroll: false,
                                     // empty buttons, we don't need that
                                     buttons: [],
                                     modalClass: 'threeDS2Modal'