mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-17 21:04:11 +00:00
c7ae4a36ba
Displays the rejection error message when loading something fails, so that the user knows what's going on and can send meaningful error reports. Needs non-crappy design. Change-Id: I7d2914d89549b598bd1070ed40c6f1c9d45b55f0 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/271
50 lines
810 B
Plaintext
50 lines
810 B
Plaintext
@import "mmv.mixins";
|
|
|
|
.mlb-image {
|
|
display: table-cell;
|
|
width: 100%;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
.unselectable;
|
|
|
|
&.empty {
|
|
display: none;
|
|
}
|
|
&.error {
|
|
/* @embed */
|
|
background-image: url(img/error.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
}
|
|
.mlb-error-text {
|
|
position: absolute;
|
|
left: 10%;
|
|
right: 10%;
|
|
top: 20%;
|
|
|
|
padding: 6px 20px;
|
|
.box-round(15px);
|
|
background-color: #ff4f4d;
|
|
text-align: center;
|
|
font-size: normal;
|
|
color: #000;
|
|
}
|
|
}
|
|
|
|
.mlb-image.empty img {
|
|
display: none;
|
|
}
|
|
|
|
.mlb-image img.blurred {
|
|
filter: blur(3px);
|
|
-webkit-filter: blur(3px);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.mlb-image img {
|
|
display: block;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
background: url('//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png') repeat;
|
|
}
|