mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-12-04 20:48:22 +00:00
f8fe9c0af3
This removes the thumbnail blurring. The initial page thumbnail is still in place. This too can be slightly improved as sizing up to the MMV frame is done via JS right now, and causes a noticeable change. But we can simply do this with CSS immediately i think. Bug: T71609 Bug: T65504 Change-Id: If2a92689be9ee7ecd64561dc224991f31274d58a
83 lines
1.3 KiB
Plaintext
83 lines
1.3 KiB
Plaintext
@import 'mediawiki.skin.variables.less';
|
|
@import 'mediawiki.mixins.less';
|
|
@import '../mmv.mixins.less';
|
|
|
|
.mw-mmv-image {
|
|
display: table-cell;
|
|
width: 100%;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
.user-select( none );
|
|
|
|
&.empty {
|
|
display: none;
|
|
}
|
|
|
|
&.error {
|
|
background-color: #202122;
|
|
|
|
a,
|
|
a:visited {
|
|
cursor: pointer;
|
|
color: @color-progressive;
|
|
}
|
|
}
|
|
|
|
.error-box {
|
|
background: url( img/error-media-icon.svg ) no-repeat 0 0;
|
|
background-size: 110px 110px;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -350px;
|
|
top: 50%;
|
|
margin-top: -100px;
|
|
padding: 0 20px 0 160px;
|
|
color: #fff;
|
|
max-width: 520px;
|
|
|
|
.mw-mmv-error-text {
|
|
font-size: 48px;
|
|
}
|
|
|
|
.mw-mmv-error-description {
|
|
margin-top: 30px;
|
|
font-size: 22px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-mmv-image img {
|
|
display: block;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
cursor: zoom-in;
|
|
|
|
/* Whitelist file types that are potentially transparent.
|
|
We don't set it for other file types because Media Viewer plugins
|
|
can find that undesirable (eg. 3d) */
|
|
&.gif,
|
|
&.png,
|
|
&.webp,
|
|
&.svg,
|
|
&.tiff,
|
|
&.tif {
|
|
background: url( checker.png ) repeat;
|
|
}
|
|
|
|
&.mw-mmv-dialog-is-open {
|
|
cursor: default;
|
|
}
|
|
|
|
.metadata-panel-is-open & {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-image.empty img {
|
|
display: none;
|
|
}
|
|
|
|
.metadata-panel-is-open .mw-mmv-image-wrapper {
|
|
cursor: pointer;
|
|
}
|