mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-24 08:13:38 +00:00
Move the arrows and the close/fullscreen button
Looks drastic at first, but grows on you. I based this on an extreme, the firefox inner scrollbar. Which is huge when hovered. I kind of wish the close button was a bit bigger, though. Change-Id: I2f47280c4e7c4bff299149de24741e3381f0b5e9
This commit is contained in:
parent
9b62de0e57
commit
f3fd143c8a
|
@ -324,15 +324,15 @@ body.mw-mlb-lightbox-open #content {
|
|||
.mw-mlb-next-image {
|
||||
/* @embed */
|
||||
background-image: url(img/next-ltr.svg);
|
||||
right: 5px;
|
||||
background-position: right;
|
||||
right: 18px;
|
||||
}
|
||||
|
||||
.mw-mlb-prev-image {
|
||||
/* @embed */
|
||||
background-image: url(img/prev-ltr.svg);
|
||||
left: 5px;
|
||||
background-position: left;
|
||||
left: 18px;
|
||||
}
|
||||
|
||||
.mw-mlb-next-image.disabled,
|
||||
|
|
|
@ -79,22 +79,28 @@
|
|||
.mlb-close,
|
||||
.mlb-fullscreen {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
margin-top: 14px;
|
||||
margin-right: 14px;
|
||||
cursor: pointer;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.mlb-close {
|
||||
left: 0px;
|
||||
background-image: url("../img/close.svg");
|
||||
border-right: 1px solid #7d7c81;
|
||||
height: 23px;
|
||||
width: 23px;
|
||||
}
|
||||
|
||||
.mlb-fullscreen {
|
||||
right: 0px;
|
||||
background-image: url("../img/fullscreen.svg");
|
||||
border-left: 1px solid #7d7c81;
|
||||
width: 21px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
.mlb-fullscreen-div .mlb-fullscreen {
|
||||
width: 28px;
|
||||
height: 29px;
|
||||
}
|
||||
|
||||
.mlb-main.mlb-fullscreened {
|
||||
|
|
Loading…
Reference in a new issue