wikimedia/mediawiki-extensions-MultimediaViewer
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer synced 2024-11-12 09:27:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show main metadata in fullscreen

Browse source 
Yay mostly-CSS work

Change-Id: Ica8dc95a8c56b56c0ee00a16b1cfbf923de04424
This commit is contained in:
Gilles Dubuc 2014-02-06 11:23:03 +01:00 committed by Gergő Tisza
parent d1e966e903
commit e3a1bf93ba
2 changed files with 43 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
resources/mmv/mmv.less
View file

@ -20,6 +20,7 @@
@title-height: 64px;
@drag-height: 18px;
@bottom-height: (@title-height + @drag-height);
@metadata-background: rgb(251, 251, 251);
.mlb-image-wrapper,
.mw-mlb-controls {
@ -27,17 +28,49 @@
bottom: @bottom-height;
}
.jq-fullscreened .mlb-image-wrapper,
.jq-fullscreened .mw-mlb-controls {
bottom: 0px;
.jq-fullscreened {
.mlb-image-wrapper,
.mlb-post-image,
.mw-mlb-controls {
bottom: 0px;
}
.mw-mlb-drag-affordance {
display: none;
}
.mlb-post-image,
.mlb-controls {
@fullscreen-padding: 10px;
padding: (@fullscreen-padding / 2) 0;
height: (@title-height + @fullscreen-padding);
background-color: rgba(251, 251, 251, 0);
transition: background-color 0.25s;
min-height: 0;
&:hover {
background-color: @metadata-background;
}
}
.mlb-post-image {
position: fixed;
}
.mlb-controls {
opacity: 0;
transition: opacity 0.25s;
&:hover {
opacity: 1;
}
}
}
.mlb-image-wrapper {
position: fixed;
}
@metadata-background: #fbfbfb;
.mlb-post-image {
bottom: auto;
height: auto;

6
resources/mmv/mmv.lightboxinterface.js
View file

@ -848,7 +848,11 @@
LIP.updateControls = function ( showPrevButton, showNextButton ) {
var prevNextTop = ( ( this.$imageWrapper.height() / 2 ) - 60 ) + 'px';
this.$postDiv.css( 'top', this.$imageWrapper.height() );
if ( this.$main.data( 'isFullscreened' ) ) {
this.$postDiv.css( 'top', '' );
} else {
this.$postDiv.css( 'top', this.$imageWrapper.height() );
}
this.$nextButton.add( this.$prevButton ).css( {
top: prevNextTop