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

Merge pull request #3078 from woocommerce/PCP-4138-confirmation-message-after-saving-settings

Browse source 
Confirmation message after saving settings (4138)
This commit is contained in:
Emili Castells 2025-02-07 17:15:15 +01:00 • committed by GitHub
commit b1adebdfe6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 239 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

4
modules/ppcp-settings/resources/css/_variables.scss
View file

@ -54,6 +54,10 @@ $card-vertical-gap: 48px;
--color-gray-200: #{$color-gray-200};
--color-gray-100: #{$color-gray-100};
--color-gradient-dark: #{$color-gradient-dark};
--color-success-background: #DAFFE0;
--color-success-text: #144722;
--color-failure-background: #faeded;
--color-failure-text: #5c0000;
--color-preview-background: #FAF8F5;
--color-separators: #{$color-gray-200};

29
modules/ppcp-settings/resources/css/components/reusable-components/_navigation.scss
View file

@ -132,4 +132,33 @@ $margin_bottom: 48px;
}
}
}
.ppcp-r-navbar-notice {
// Theming.
background: var(--navbar-notice-background);
color: var(--navbar-notice-color);
// Animation.
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
opacity: 0;
transform: translateY(-10px);
&.ppcp--animating {
opacity: 1;
transform: translateY(0);
}
// Styling.
position: absolute;
top: 48px;
right: 0;
white-space: nowrap;
padding: 6px 12px;
border-radius: 3px;
&.ppcp--success {
--navbar-notice-background: var(--color-success-background);
--navbar-notice-color: var(--color-success-text);
}
}
}