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

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

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

@media screen and ( min-width: @max-width-content-tablet ) {
	.empty-page {
		max-width: calc( @max-width-content-tablet + ( 2 * @width-icon-gutter ) );
		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 '../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;`
			`}`
			`}`

styles: Replace deprecated breakpoints The values have slightly changed: - Tablet breakpoint is decreased by 80px, pushing lesser devices into a mobile only experience but should make barely a difference to vast majority of our users. - Biggest difference is in `min-width-breakpoint-desktop`, which is increased by 120px in comparison to `@width-breakpoint-desktop: 1000px` Also removing one out-dated feature phone clause. TECHNICAL CHANGES: * The previous breakpoint was tied to the maximum content width. The previous maximum content width is preserved, and several media queries are adjusted to make use of it. * The header (logo) is not optimized for 640px-720px. For now a temporary fix is but in place which will be investigated as part of T366859 VISUAL CHANGES: * 6 visual changes which improve alignment in language and visual editor overlay and diffs (where wikidiff2 is not installed) Bug: T349793 Depends-On: I3afba8c51f60de9271054499bfa3ffbcc1a9d779 Change-Id: I9552d8ad7509aae90e15edda26e786465773d3ac 2023-11-07 09:03:29 +00:00			`@media screen and ( min-width: @max-width-content-tablet ) {`
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			`.empty-page {`
styles: Replace deprecated breakpoints The values have slightly changed: - Tablet breakpoint is decreased by 80px, pushing lesser devices into a mobile only experience but should make barely a difference to vast majority of our users. - Biggest difference is in `min-width-breakpoint-desktop`, which is increased by 120px in comparison to `@width-breakpoint-desktop: 1000px` Also removing one out-dated feature phone clause. TECHNICAL CHANGES: * The previous breakpoint was tied to the maximum content width. The previous maximum content width is preserved, and several media queries are adjusted to make use of it. * The header (logo) is not optimized for 640px-720px. For now a temporary fix is but in place which will be investigated as part of T366859 VISUAL CHANGES: * 6 visual changes which improve alignment in language and visual editor overlay and diffs (where wikidiff2 is not installed) Bug: T349793 Depends-On: I3afba8c51f60de9271054499bfa3ffbcc1a9d779 Change-Id: I9552d8ad7509aae90e15edda26e786465773d3ac 2023-11-07 09:03:29 +00:00			`max-width: calc( @max-width-content-tablet + ( 2 * @width-icon-gutter ) );`
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			`margin-left: auto;`
			`margin-right: auto;`
			`}`
			`}`