Bigger click targets for next and previous

Change-Id: Ic2bd5b80092ee34133ae6b594ac25c57ab562b03
This commit is contained in:
Mark Holmquist 2013-12-31 13:18:22 -08:00
parent 4c17403070
commit e9a1c8c102
2 changed files with 6 additions and 4 deletions

View file

@ -86,12 +86,12 @@ body.mobile .mw-mlb-controls,
/* @embed */
background-image: url(img/mw-close.svg);
transition: opacity 0.25s;
background-position: center;
}
.mlb-close,
.mw-mlb-next-image,
.mw-mlb-prev-image {
background-position: center;
background-repeat: no-repeat;
opacity: 0.8;
}
@ -283,8 +283,8 @@ body.mw-mlb-lightbox-open .mlb-main {
.mw-mlb-prev-image {
position: absolute;
top: -999px;
width: 26px;
height: 40px;
width: 80px;
height: 120px;
cursor: pointer;
transition: opacity 0.25s, margin 0.25s;
}
@ -301,12 +301,14 @@ body.mw-mlb-lightbox-open .mlb-main {
/* @embed */
background-image: url(img/next-ltr.svg);
right: 5px;
background-position: right;
}
.mw-mlb-prev-image {
/* @embed */
background-image: url(img/prev-ltr.svg);
left: 5px;
background-position: left;
}
.mw-mlb-next-image.disabled,

View file

@ -365,7 +365,7 @@
var isOnButton = false,
isOnImage = false,
ui = this.ui,
prevNextTop = ( ( ui.$imageWrapper.height() / 2 ) - 32 ) + 'px';
prevNextTop = ( ( ui.$imageWrapper.height() / 2 ) - 60 ) + 'px';
function fadeIn() {
isOnImage = true;