Update animation.
This commit is contained in:
parent
d33dfa74fc
commit
da363c0453
1 changed files with 14 additions and 5 deletions
|
|
@ -118,10 +118,10 @@ export default {
|
|||
0px 4px 24px -8px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 0.5rem;
|
||||
overflow: hidden;
|
||||
min-height: 58px;
|
||||
min-height: 60px;
|
||||
|
||||
&.has-subheader {
|
||||
min-height: 78px;
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
&:before {
|
||||
|
|
@ -166,8 +166,8 @@ export default {
|
|||
+ .package-label {
|
||||
.package-specs {
|
||||
.div-to-hide {
|
||||
display: block;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -233,10 +233,19 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes slideaway {
|
||||
from {
|
||||
display: block;
|
||||
}
|
||||
to {
|
||||
transform: translateY(40px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.div-to-hide {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease 0.3s, visibility 0.3s ease-out 0.3s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue