mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-09-29 13:17:35 +00:00
Merge "Adjustments for invite animation"
This commit is contained in:
commit
3e2dda867b
|
@ -10,7 +10,7 @@
|
|||
.mw-mmv-post-image {
|
||||
.animation( mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards );
|
||||
&.invite {
|
||||
.animation( mw-mmv-invite-animation 1s ease 0s 1 normal forwards );
|
||||
.animation( mw-mmv-invite-animation 0.9s ease 0.2s 1 normal forwards );
|
||||
}
|
||||
|
||||
.jq-fullscreened & {
|
||||
|
@ -50,10 +50,10 @@
|
|||
0% {
|
||||
margin-top: 0px;
|
||||
}
|
||||
33% {
|
||||
margin-top: -30px;
|
||||
30% {
|
||||
margin-top: -15px;
|
||||
}
|
||||
100% {
|
||||
85% {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
@ -131,9 +131,40 @@
|
|||
background-image: url(img/drag-active.svg);
|
||||
background-color: @drag-icon-invite-color;
|
||||
.opacity(1);
|
||||
.animation( mw-mmv-appear-chevron-animation 1.4s ease 0s 1 normal forwards );
|
||||
}
|
||||
|
||||
.jq-fullscreened & {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mw-mmv-appear-chevron-animation() {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
85% {
|
||||
opacity: 0;
|
||||
bottom: -5px;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes mw-mmv-appear-chevron-animation {
|
||||
.mw-mmv-appear-chevron-animation;
|
||||
}
|
||||
|
||||
@-moz-keyframes mw-mmv-appear-chevron-animation {
|
||||
.mw-mmv-appear-chevron-animation;
|
||||
}
|
||||
|
||||
@-o-keyframes mw-mmv-appear-chevron-animation {
|
||||
.mw-mmv-appear-chevron-animation;
|
||||
}
|
||||
|
||||
@keyframes mw-mmv-appear-chevron-animation {
|
||||
.mw-mmv-appear-chevron-animation;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue