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);
|
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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue