Pginer has uploaded a new change for review.
https://gerrit.wikimedia.org/r/115368
Change subject: Experiment to illustrate the opening animation
......................................................................
Experiment to illustrate the opening animation
This is just an experiment to illustrate the how to make a more subtle
version of the panel animation. Do not merge this code without serious
refactoring first.
Change-Id: Id6705b63b26d8be341e77352924cad6ac4b73da1
---
M resources/mmv/mmv.js
M resources/mmv/mmv.less
2 files changed, 43 insertions(+), 2 deletions(-)
git pull
ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer
refs/changes/68/115368/1
diff --git a/resources/mmv/mmv.js b/resources/mmv/mmv.js
index 3878625..24ed212 100755
--- a/resources/mmv/mmv.js
+++ b/resources/mmv/mmv.js
@@ -416,9 +416,11 @@
MMVP.animateMetadataDivOnce = function () {
if ( !this.hasAnimatedMetadata ) {
this.hasAnimatedMetadata = true;
- $.scrollTo( 20, 300 )
- .scrollTo( 0, 300 );
+ $(".mlb-post-image").addClass("invite");
+ /*$.scrollTo( 10, 400 )
+ .scrollTo( 0, 400 );*/
}
+ $(".mlb-post-image").css("opacity",1);
return $.scrollTo.window().promise();
};
diff --git a/resources/mmv/mmv.less b/resources/mmv/mmv.less
index 173565c..6dbd833 100644
--- a/resources/mmv/mmv.less
+++ b/resources/mmv/mmv.less
@@ -81,8 +81,47 @@
background-color: @metadata-background;
position: absolute;
min-height: (@bottom-height + 1);
+ opacity:0;
+ &.invite {
+ -webkit-animation-name: invite-animation;
+ -webkit-animation-duration: 0.5s;
+ animation-name: invite-animation;
+ animation-duration: 0.5s;
+ }
}
+@-webkit-keyframes invite-animation {
+ 0% {
+ opacity:0.6;
+ margin-top: 5px;
+ }
+ 50% {
+ opacity: 0.9;
+ margin-top: -3px;
+ }
+ 100% {
+ opacity:1;
+ margin-top: 0;
+ }
+}
+
+@keyframes invite-animation {
+ 0% {
+ opacity:0.6;
+ margin-top: 5px;
+ }
+ 50% {
+ opacity: 0.9;
+ margin-top: -3px;
+ }
+ 100% {
+ opacity:1;
+ margin-top: 0;
+ }
+}
+
+
+
.mlb-controls {
height: auto;
border-bottom: 1px solid #cccccc;
--
To view, visit https://gerrit.wikimedia.org/r/115368
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: Id6705b63b26d8be341e77352924cad6ac4b73da1
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/MultimediaViewer
Gerrit-Branch: master
Gerrit-Owner: Pginer <pgi...@wikimedia.org>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
