Update animation.

This commit is contained in:
Bryan Mauger 2023-01-05 09:15:52 -05:00
parent d33dfa74fc
commit da363c0453

View file

@ -118,10 +118,10 @@ export default {
0px 4px 24px -8px rgba(0, 0, 0, 0.2); 0px 4px 24px -8px rgba(0, 0, 0, 0.2);
border-radius: 0.5rem; border-radius: 0.5rem;
overflow: hidden; overflow: hidden;
min-height: 58px; min-height: 60px;
&.has-subheader { &.has-subheader {
min-height: 78px; min-height: 80px;
} }
&:before { &:before {
@ -166,8 +166,8 @@ export default {
+ .package-label { + .package-label {
.package-specs { .package-specs {
.div-to-hide { .div-to-hide {
display: block;
visibility: visible; visibility: visible;
opacity: 1;
} }
} }
} }
@ -233,10 +233,19 @@ export default {
} }
} }
@keyframes slideaway {
from {
display: block;
}
to {
transform: translateY(40px);
opacity: 0;
}
}
.div-to-hide { .div-to-hide {
display: none;
visibility: hidden; visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease 0.3s, visibility 0.3s ease-out 0.3s;
} }
} }
} }