diff --git a/assets/css/admin.rtl.css b/assets/css/admin.rtl.css index d43de4d4b7f..193b24527f8 100644 --- a/assets/css/admin.rtl.css +++ b/assets/css/admin.rtl.css @@ -155,11 +155,93 @@ padding-top: 2px; } +/* WCPay Fraud Risk Level meta box */ +.wcpay-fraud-risk-level { + border-bottom: 1px solid #ddd; + padding: 8px 12px; +} + +.wcpay-fraud-risk-level > p { + margin: 0; +} + +.wcpay-fraud-risk-level__title { + font-weight: 600; +} + +.wcpay-fraud-risk-level__bar { + display: grid; + gap: 4px; + grid-template-columns: 50% auto; + margin: 6px 0 8px; +} + +.wcpay-fraud-risk-level__bar::after, +.wcpay-fraud-risk-level__bar::before { + background-color: #bbb; + content: ''; + border-radius: 4px; + height: 4px; +} + +.wcpay-fraud-risk-level--normal .wcpay-fraud-risk-level__title { + color: #008a20; +} + +.wcpay-fraud-risk-level--normal .wcpay-fraud-risk-level__bar { + grid-template-columns: 15% auto; +} + +.wcpay-fraud-risk-level--normal .wcpay-fraud-risk-level__bar::before { + background-color: #008a20; +} + +.wcpay-fraud-risk-level--elevated .wcpay-fraud-risk-level__title { + color: #b16202; +} + +.wcpay-fraud-risk-level--elevated .wcpay-fraud-risk-level__bar { + grid-template-columns: 60% auto; +} + +.wcpay-fraud-risk-level--elevated .wcpay-fraud-risk-level__bar::before { + background-color: #b16202; +} + +.wcpay-fraud-risk-level--highest .wcpay-fraud-risk-level__bar::before { + background-color: #b32d2e; +} + +.wcpay-fraud-risk-level--highest .wcpay-fraud-risk-level__bar { + grid-template-columns: 100% auto; +} + +.wcpay-fraud-risk-level--highest .wcpay-fraud-risk-level__bar::before { + background-color: #b32d2e; +} + +/* WCPay Fraud Risk Action meta box */ +#wcpay-order-fraud-and-risk-meta-box div.inside { + margin-top: 0; + padding: 0; +} + +.wcpay-fraud-risk-action { + padding: 8px 12px 12px; +} + +.wcpay-fraud-risk-action > p { + margin: 0 0 6px; +} + +.wcpay-fraud-risk-action > p:last-child { + margin-bottom: 0; +} + .wcpay-fraud-risk-meta-allow, .wcpay-fraud-risk-meta-review, .wcpay-fraud-risk-meta-blocked { font-weight: 600; - font-size: 14px; } .wcpay-fraud-risk-meta-allow img { diff --git a/assets/css/success.rtl.css b/assets/css/success.rtl.css index c0778375319..33e089673ed 100644 --- a/assets/css/success.rtl.css +++ b/assets/css/success.rtl.css @@ -13,3 +13,7 @@ .wc-payment-gateway-method-logo-wrapper.wc-payment-lpm-logo img { max-height: 26px; } + +.wc-payment-gateway-method-logo-wrapper.wc-payment-card-logo img { + max-height: 1em; +} diff --git a/client/checkout/utils/upe.js b/client/checkout/utils/upe.js index 2b15d8ed810..e85d6f4f9fb 100644 --- a/client/checkout/utils/upe.js +++ b/client/checkout/utils/upe.js @@ -110,7 +110,7 @@ function shouldIncludeTerms( paymentMethodType ) { } const savePaymentMethodCheckbox = paymentsForm.querySelector( - '#wc-woocommerce_payments-new-payment-method' + `#wc-${ paymentsForm.dataset.gatewayId }-new-payment-method` ); return savePaymentMethodCheckbox?.checked || false;