woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

💄 Improve visual hint for settings-reset toggle

Browse source
This commit is contained in:
Philipp Stracker 2025-02-13 15:08:50 +01:00
parent 769234ca15
commit f7b2f97b89
No known key found for this signature in database
2 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
modules/ppcp-settings/resources/css/components/screens/_modals.scss
View file

@ -2,12 +2,18 @@
* Modal for disconnecting the merchant from the current PayPal account. * Modal for disconnecting the merchant from the current PayPal account.
*/ */
.ppcp--modal-disconnect { .ppcp--modal-disconnect {
.ppcp--toggle-danger { .ppcp--toggle-danger .components-form-toggle {
--wp-components-color-accent: #cc1818 &.is-checked {
--wp-components-color-accent: #cc1818;
}
} }
.ppcp--action-buttons { .ppcp--action-buttons {
text-align: right; text-align: right;
margin-top: 32px; margin-top: 32px;
.components-button {
transition: background 0.3s;
}
} }
} }

2
modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
View file

@ -78,7 +78,7 @@ const DisconnectButton = () => {
</Button> </Button>
<Button <Button
variant="primary" variant="primary"
isDestructive={ true } isDestructive={ resetFlag }
onClick={ handleConfirm } onClick={ handleConfirm }
> >
{ __( { __(