mediawiki-skins-MinervaNeue/skinStyles/mediawiki.page.gallery.styles/tablet.less

@import '../../minerva.less/minerva.variables';
@import '../../minerva.less/minerva.mixins';

// Hacks to render galleries and multicol tables better on mobile
@media all and ( max-width: @width-breakpoint-tablet ) {

	// Center images that might be less than the screen width.
	// Image will appear centered and caption will take up full screen.
	.gallery {
		.gallerybox {
			width: 100% !important;
			div {
				width: 100% !important;
			}
		}
	}
}
Remove minerva.less from global import path Use local imports instead given all relevant files are within the same repository, and don't vary by configuraion. Bug: T140807 Depends-On: If3edac9a35b346af0320c12f70c0d978a6346201 Change-Id: Ife3cc345a63aff452e93accbe0a593fbaa358732 2018-05-19 18:17:31 +00:00			`@import '../../minerva.less/minerva.variables';`
			`@import '../../minerva.less/minerva.mixins';`
Restrict gallery styles to only pages which need it The mediawiki.page.gallery.styles module is only loaded when needed, yet inside hacks.less we load gallery styles unconditionally. The hacks.less file is also only meant for css that overrides template styles, so it didn't belong there anyway. Change-Id: I4afc91ad7f67ae66544708d25541b3e8dd247873 2017-12-13 02:03:28 +00:00
			`// Hacks to render galleries and multicol tables better on mobile`
Fix LESS error, restore notifications and settings T140804 dropped the support for deviceTabletWidth in core (https://gerrit.wikimedia.org/r/#/c/mediawiki/core/+/451648/9/includes/DefaultSettings.php) This causes errors in these skinStyle files which are presumably not being checked with CI. Update these usages to use width-breakpoint-tablet instead Bug: T202021 Change-Id: Ie804f24275c99c939687d59cca9d62204fd74518 2018-08-15 19:10:51 +00:00			`@media all and ( max-width: @width-breakpoint-tablet ) {`
Restrict gallery styles to only pages which need it The mediawiki.page.gallery.styles module is only loaded when needed, yet inside hacks.less we load gallery styles unconditionally. The hacks.less file is also only meant for css that overrides template styles, so it didn't belong there anyway. Change-Id: I4afc91ad7f67ae66544708d25541b3e8dd247873 2017-12-13 02:03:28 +00:00
			`// Center images that might be less than the screen width.`
			`// Image will appear centered and caption will take up full screen.`
			`.gallery {`
			`.gallerybox {`
			`width: 100% !important;`
			`div {`
			`width: 100% !important;`
			`}`
			`}`
			`}`
			`}`