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

Simplify "Usage box" and layout adjustments

Browse source 
Adjustments to simplify the uses box by removing borders
and adjusting font sizes and colors.

Change-Id: Ia2cdc6af130d2280b7c94734174da5c154e42b7c
This commit is contained in:
Pau Giner 2014-03-11 19:42:51 +01:00 committed by Gilles Dubuc
parent 4ee0e06c6d
commit f0061261e6
4 changed files with 18 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
resources/mmv/mmv.less
View file

@ -79,6 +79,7 @@
.mlb-post-image {
bottom: auto;
height: auto;
color: #333333;
background-color: @metadata-background;
position: absolute;
min-height: (@bottom-height + 1);
@ -162,6 +163,7 @@ body.mobile .mw-mlb-controls,
width: 100%;
background-color: #fbfbfb;
position: relative;
padding-top: 10px;
}
.jq-fullscreened .mw-mlb-image-metadata {
@ -183,7 +185,7 @@ body.mobile .mw-mlb-controls,
margin-bottom: 15px;
}
@littlefont: 0.8em;
@littlefont: 0.85em;
@mediumfont: 1em;
.mw-mlb-caption,
@ -193,6 +195,7 @@ body.mobile .mw-mlb-controls,
}
.mw-mlb-image-links {
margin-left: 20px;
li {
list-style: none;
font-size: @littlefont;

23
resources/mmv/ui/mmv.ui.fileUsage.less
View file

@ -1,12 +1,9 @@
@import "mmv.mixins";
.mw-mlb-fileusage-container {
@box-color: #FFFFFF;
@heading-color: #F8F8F8;
@inner-border-color: #EEEEEE;
@outer-border-color: #DDDDDD;
@box-shadow-color: #C9C9C9;
@border-color: #DDDDDD;
@info-color: #565656;
@dark-text: #333333;
display: inline-block;
overflow: hidden;
@ -18,34 +15,32 @@
h3 {
margin-left: 20px;
margin-top: 20px;
color: @info-color;
font-weight: normal;
font-size: 1.1em;
font-size: 1em;
}
ul {
margin: 0 20px;
border: 1px solid @outer-border-color;
border-bottom: 2px solid @box-shadow-color;
.box-round(3px);
font-size: 0.85em;
}
li {
list-style: none;
overflow: hidden;
border-bottom: 1px solid @inner-border-color;
padding: 3px 5px 3px 15px;
padding: 3px 5px 3px 0;
margin: 0;
font-size: 0.8em;
background-color: @box-color;
&:last-child {
border-bottom: none;
}
&.mw-mlb-fileusage-local-section, &.mw-mlb-fileusage-global-section, &.mw-mlb-fileusage-view-all {
color: @info-color;
background-color: @heading-color;
color: @dark-text;
border-bottom: 1px solid @border-color;
margin: 3px 0;
}
aside {
display: inline-block;

2
resources/mmv/ui/mmv.ui.metadataPanel.js
View file

@ -683,7 +683,7 @@
* Toggles the metadata div being totally visible.
*/
MPP.toggle = function ( forceDirection ) {
var scrollTopWhenOpen = this.$container.height() - this.$controlBar.height(),
var scrollTopWhenOpen = this.$container.outerHeight() - this.$controlBar.outerHeight(),
scrollTopTarget = $.scrollTo().scrollTop() > 0 ? 0 : scrollTopWhenOpen;
if ( forceDirection ) {

8
tests/qunit/mmv/mmv.lightboxinterface.test.js
View file

@ -287,8 +287,8 @@
$document.trigger( keydown );
assert.strictEqual( Math.round( $.scrollTo().scrollTop() ),
lightbox.panel.$imageMetadata.height() + 1,
'scrollTo scrollTop should be set to the metadata height + 1 after pressing up arrow' );
lightbox.panel.$imageMetadata.outerHeight(),
'scrollTo scrollTop should be set to the metadata height after pressing up arrow' );
assert.ok( lightbox.panel.$dragIcon.hasClass( 'pointing-down' ),
'Chevron pointing down after pressing up arrow' );
assert.ok( localStorage.getItem( 'mmv.hasOpenedMetadata' ),
@ -305,8 +305,8 @@
lightbox.panel.$dragIcon.click();
assert.strictEqual( Math.round( $.scrollTo().scrollTop() ),
lightbox.panel.$imageMetadata.height() + 1,
'scrollTo scrollTop should be set to the metadata height + 1 after clicking the chevron once' );
lightbox.panel.$imageMetadata.outerHeight(),
'scrollTo scrollTop should be set to the metadata height after clicking the chevron once' );
assert.ok( lightbox.panel.$dragIcon.hasClass( 'pointing-down' ),
'Chevron pointing down after clicking the chevron once' );