diff --git a/css/responsive.css b/css/responsive.css index 7711192..9a47b86 100644 --- a/css/responsive.css +++ b/css/responsive.css @@ -461,6 +461,10 @@ width: 100%; } + .woocommerce-cart .woocommerce .wc-proceed-to-checkout { + width: 100%; + } + .woocommerce-page .woocommerce-checkout #customer_details.col2-set .col-1, .woocommerce-page .woocommerce-checkout #customer_details.col2-set .col-2 { float: none; diff --git a/readme.txt b/readme.txt index aa6df54..ad27a93 100644 --- a/readme.txt +++ b/readme.txt @@ -94,6 +94,10 @@ If you want the theme to be translated into your language, feel free to contribu /**********************************************************/ == Changelog == += Version 1.4.8 - TDB = +* Enhancement - Improve update cart disabled button design. +* Tweak - Increase width and make proceed to checkout button mobile friendly. + = Version 1.4.7 - 2020-04-18 = * Enhancement - Removed angle down fav icon from login link. * Fix - Customizer not loading due to header top bar activate callback. diff --git a/sass/theme/inner-page/_cart.scss b/sass/theme/inner-page/_cart.scss index a7dfd23..6cc3afc 100644 --- a/sass/theme/inner-page/_cart.scss +++ b/sass/theme/inner-page/_cart.scss @@ -84,6 +84,11 @@ padding: 6px 0; } +.woocommerce .woocommerce-cart-form button.button:disabled { + color: #fff; + padding: 0 20px; +} + .woocommerce .cart-collaterals { .cart_totals { float: left; @@ -152,7 +157,7 @@ .woocommerce-cart .woocommerce .wc-proceed-to-checkout { float: right; - width: 60%; + width: 65%; padding: 0; a.checkout-button { background: #333333 none repeat scroll 0 0; diff --git a/style.css b/style.css index 2b510a3..3f1008f 100644 --- a/style.css +++ b/style.css @@ -4127,6 +4127,11 @@ ul.wp-block-gallery { padding: 6px 0; } +.woocommerce .woocommerce-cart-form button.button:disabled { + color: #fff; + padding: 0 20px; +} + .woocommerce .cart-collaterals .cart_totals { float: left; color: #333; @@ -4203,7 +4208,7 @@ ul.wp-block-gallery { .woocommerce-cart .woocommerce .wc-proceed-to-checkout { float: right; - width: 60%; + width: 65%; padding: 0; }