We will work on Apr 26th (Saturday) and will be off from Apr 30th (Wednesday) until May 2nd (Friday) for public holiday in our country

Commit 5b1a2faf authored by Alexandros Moraitis's avatar Alexandros Moraitis Committed by GitHub

PW-2074 Hide Apple Pay in unsupported browsers (#648)

* Hide Apple Pay in unsupported browsers

* Put the ko annotation isApplePayAllowed first
parent 7125e128
...@@ -113,6 +113,12 @@ ...@@ -113,6 +113,12 @@
margin-right: 10px; margin-right: 10px;
} }
@supports not (-webkit-appearance: -apple-pay-button) {
#apple-pay-payment-method {
display: none;
}
}
.apple-pay-button-with-text { .apple-pay-button-with-text {
--apple-pay-scale: 1.5625; /* (height / 32) */ --apple-pay-scale: 1.5625; /* (height / 32) */
display: inline-flex; display: inline-flex;
......
...@@ -21,7 +21,9 @@ ...@@ -21,7 +21,9 @@
* Author: Adyen <magento@adyen.com> * Author: Adyen <magento@adyen.com>
*/ */
--> -->
<!-- ko if: isApplePayAllowed() --> <!-- ko if: isApplePayAllowed() -->
<div id="apple-pay-payment-method">
<div class="payment-method" data-bind="css: {'_active': (getCode() == isChecked())}, visible: isApplePayVisible()"> <div class="payment-method" data-bind="css: {'_active': (getCode() == isChecked())}, visible: isApplePayVisible()">
<div class="payment-method-title field choice"> <div class="payment-method-title field choice">
<input type="radio" <input type="radio"
...@@ -60,4 +62,5 @@ ...@@ -60,4 +62,5 @@
</div> </div>
</div> </div>
<!--/ko--> </div>
\ No newline at end of file <!--/ko-->
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment