feat: improve transactions action bar animation

This commit is contained in:
Herculino Trotta
2025-12-13 20:47:51 -03:00
parent 606e6b3843
commit cf7d4b1404
4 changed files with 33 additions and 7 deletions
+26
View File
@@ -248,6 +248,32 @@
}
}
/**
* ----------------------------------------
* animation slide-in-bottom-short
* A variant with smaller translateY for elements at bottom of viewport
* ----------------------------------------
*/
@keyframes slide-in-bottom-short {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.slide-in-bottom-short {
animation: slide-in-bottom-short 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-bottom-short-reverse {
animation: slide-in-bottom-short 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}
@keyframes disable-pointer-events {
0%,
+1 -1
View File
@@ -323,4 +323,4 @@ $breakpoints: (
.offcanvas-size-sm {
--offcanvas-width: min(95vw, 250px);
}
}