mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-08-31 06:52:50 +08:00
💫 Animate the confirmation message
This commit is contained in:
parent
b985059181
commit
877c7bbe3b
2 changed files with 29 additions and 2 deletions
|
@ -134,9 +134,21 @@ $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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue