mediawiki-extensions-Multim.../resources/mmv/ui/mmv.ui.canvas.less

@import "mmv.mixins";

.mlb-image {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	.unselectable;
	&.empty {
		display: none;
	}
}

.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;
}
Fix resize issues (Part II) I was going to stage this but better give you the whole enchilada, it is not that bad, ;-). This is what I am doing: - Delete things that are not used anymore. - Componentize image ui element (Canvas). Bug: 56454 Change-Id: Ib5461639a86d9f8e0a150f6d9543a20058d31e00 Mingle: 239 2014-02-26 20:09:37 +00:00			`@import "mmv.mixins";`

			`.mlb-image {`
			`display: table-cell;`
			`width: 100%;`
			`height: 100%;`
			`vertical-align: middle;`
			`.unselectable;`
			`&.empty {`
			`display: none;`
			`}`
			`}`

			`.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;`
Add checkered background to make black-on-transparent images visible Bug: 57620 Change-Id: Ibabbb6d64f9d02ff5b94431a431ebb5222e344d7 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/284 2014-03-05 21:32:34 +00:00			`background: url('//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png') repeat;`
Fix resize issues (Part II) I was going to stage this but better give you the whole enchilada, it is not that bad, ;-). This is what I am doing: - Delete things that are not used anymore. - Componentize image ui element (Canvas). Bug: 56454 Change-Id: Ib5461639a86d9f8e0a150f6d9543a20058d31e00 Mingle: 239 2014-02-26 20:09:37 +00:00			`}`