Merge pull request #212 from paynl/feature/PLUG-3926

PLUG-3926 - Update fast checkout CSS
paynl · Oct 29, 2024 · a5efffc · a5efffc
2 parents 4ec2750 + cef6b7e
commit a5efffc
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 8 deletions.
diff --git a/view/frontend/templates/pay_fast_checkout_cart.phtml b/view/frontend/templates/pay_fast_checkout_cart.phtml
@@ -11,7 +11,7 @@
             <input type="hidden" value="" name="selected_estimate_zip" id="selected_estimate_zip" />
             <button type="submit"
                     title="Fast Checkout"
-                    class="action tocart primary paynl-fast_checkout-btn"
+                    class="action tocart primary paynl-fast_checkout-btn checkout"
                     data-mage-init='{"Paynl_Payment/js/fast-checkout-cart-view": {}}'>
                 <span><?= /* @escapeNotVerified */ __('Fast Checkout') ?></span>
             </button>

diff --git a/view/frontend/templates/pay_fast_checkout_fallback.phtml b/view/frontend/templates/pay_fast_checkout_fallback.phtml
@@ -21,7 +21,7 @@
         <br/>
         <button type="submit"
                 title="Fast Checkout"
-                class="action tocart primary paynl-fast_checkout-btn">
+                class="action tocart primary paynl-fast_checkout-btn checkout">
             <span><?= /* @escapeNotVerified */ __('Continue') ?></span>
         </button>
     </form>

diff --git a/view/frontend/templates/pay_fast_checkout_product.phtml b/view/frontend/templates/pay_fast_checkout_product.phtml
@@ -6,7 +6,7 @@
 <div id="paynl_fast_checkout_product" data-mage-init='{"Paynl_Payment/js/reloadCart": {}}'>
     <button type="submit"
             title="Fast Checkout"
-            class="action primary paynl-fast-checkout-btn"
+            class="action primary paynl-fast-checkout-btn tocart"
             data-mage-init='{"Paynl_Payment/js/fast-checkout-product-view": {}}'>
         <span><?= /* @escapeNotVerified */ __('Fast Checkout') ?></span>
     </button>

diff --git a/view/frontend/web/css/payFastCheckout.css b/view/frontend/web/css/payFastCheckout.css
@@ -9,21 +9,18 @@
 #top-cart-fast-checkout,
 #top-cart-btn-fastcheckout {
     width: 100%;
-    line-height: 2.2rem;
-    padding: 14px 17px;
-    font-size: 1.8rem;
     margin-top: -10px;
     background: #c90066;
     border-color: #c90066;
     background-image: url("../images/fastCheckoutIdeal.png");
     background-repeat: no-repeat;
-    background-size: 51px;
+    background-size: auto 60%;
     background-position: 8px center;
     color: white;
 }
 
 #top-cart-btn-fastcheckout {
-    margin-top: 5px;
+    margin-top: 5px; 
 }
 
 #paynl_fast_checkout_cart button:hover,