mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-24 08:13:38 +00:00
Simplify "Usage box" and layout adjustments
Adjustments to simplify the uses box by removing borders and adjusting font sizes and colors. Change-Id: Ia2cdc6af130d2280b7c94734174da5c154e42b7c
This commit is contained in:
parent
4ee0e06c6d
commit
f0061261e6
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 ) {
|
||||
|
|
|
@ -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' );
|
||||
|
||||
|
|
Loading…
Reference in a new issue