mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-24 20:36:49 +00:00
Merge pull request #12691 from ccozkan/use-vertical-transitions-for-cloning-and-deleting
Use vertical transitions for cloning and deleting products
This commit is contained in:
@@ -435,33 +435,31 @@
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slideOutLeft {
|
||||
@keyframes slideOutTop {
|
||||
from {
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
transform: scaleY(1);
|
||||
}
|
||||
to {
|
||||
transform: translateX(-100%);
|
||||
opacity: 0;
|
||||
transform: scaleY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.slide-out {
|
||||
animation: slideOutLeft 0.5s forwards;
|
||||
transform-origin: top;
|
||||
animation: slideOutTop 0.5s forwards;
|
||||
}
|
||||
|
||||
@keyframes slideInRight {
|
||||
@keyframes slideInTop {
|
||||
from {
|
||||
transform: translateX(100%);
|
||||
opacity: 0;
|
||||
transform: scaleY(0);
|
||||
}
|
||||
to {
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.slide-in {
|
||||
animation: slideInRight 0.5s forwards;
|
||||
transform-origin: top;
|
||||
animation: slideInTop 0.5s forwards;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user