wikimedia/mediawiki-extensions-MultimediaViewer
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer synced 2024-09-29 13:17:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Adjustments for invite animation"

Browse source
This commit is contained in:
jenkins-bot 2014-06-30 18:49:33 +00:00 committed by Gerrit Code Review
parent 02216b5ed3 e7fc5857de
commit 3e2dda867b
1 changed files with 35 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
resources/mmv/ui/mmv.ui.metadataPanelScroller.less
View file

@ -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;
}