woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-31 06:52:50 +08:00
Code Issues Projects Packages Wiki Activity Actions

💄 Style the save confirmation message

Browse source
This commit is contained in:
Philipp Stracker 2025-02-07 16:17:39 +01:00
parent 37f0eca787
commit c853282f0c
No known key found for this signature in database
2 changed files with 21 additions and 0 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};

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

@ -132,4 +132,21 @@ $margin_bottom: 48px;
}
}
}
.ppcp-r-navbar-notice {
background: var(--navbar-notice-background);
color: var(--navbar-notice-color);
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);
}
}
}