mediawiki-skins-MinervaNeue/skinStyles/mobile.special.pagefeed.styles.less

@import 'mediawiki.ui/variables';
@import '../minerva.less/minerva.variables.less';

// Reset .content ul styles from core.
.content {
	.page-summary h3 {
		padding: 0;
	}
}

@media screen and ( min-width: @width-breakpoint-tablet ) {
	.empty-page {
		max-width: @contentMaxWidthTablet + 2 * @iconGutterWidth;
		margin-left: auto;
		margin-right: auto;
	}
}
Add max-width limit to empty watchlist page On the Watchlist, when there are no results, the page uses .info and .empty-page classes. This results in text running without max-length. Add max-width rule to contain it. Bug: T222872 Change-Id: I768f800a49e756da1ad2c123c842c37d18fa3310 2021-01-21 13:43:39 +00:00			`@import 'mediawiki.ui/variables';`
			`@import '../minerva.less/minerva.variables.less';`

Remove MinervaTemplate::getContentHtml * Move method to SkinMinerva * Turn preparePageContent into a getter that returns the subject page * Use getSubjectPage in template For mobile special pages this now means the page has two .content elements On those pages I've disabled the initial content element. It also means various .content <heading> and .content ul rules now apply that need to be disabled. While testing several other issues were taken care of - for example the h2 in errors Depends-On: I7761396d6a33830f279742be01240796573556a7 Bug: T291871 Change-Id: I13bc4b5dae7aed86eca31ef306212365e1759481 2021-10-04 22:03:29 +00:00			`// Reset .content ul styles from core.`
			`.content {`
			`.page-summary h3 {`
			`padding: 0;`
			`}`
			`}`

Add max-width limit to empty watchlist page On the Watchlist, when there are no results, the page uses .info and .empty-page classes. This results in text running without max-length. Add max-width rule to contain it. Bug: T222872 Change-Id: I768f800a49e756da1ad2c123c842c37d18fa3310 2021-01-21 13:43:39 +00:00			`@media screen and ( min-width: @width-breakpoint-tablet ) {`
			`.empty-page {`
			`max-width: @contentMaxWidthTablet + 2 * @iconGutterWidth;`
			`margin-left: auto;`
			`margin-right: auto;`
			`}`
			`}`