mediawiki-skins-MinervaNeue/skinStyles/mobile.languages.structured/LanguageSearcher.less

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

ol.site-link-list {
	margin: 0;
	padding: 0;
}

@media screen and ( min-width: @max-width-content-tablet ) {
	.language-searcher {
		.panel-body,
		.overlay-content-body {
			margin-left: auto;
			margin-right: auto;
			max-width: @max-width-content-tablet;
		}

		.list-header {
			padding-left: 0;
			padding-right: 0;
		}
	}
}
Dev: Prep for storybook * Remove ambiguity in imports - say the file extension 'less' for all instances of variables and mixins. * Separate toast styles from drawer styles so they can be imported separately * associate header-action selector with its parent (.overlay-header) not parent's parent (.overlay) so it can be imported and rendered without the Overlay. Change-Id: Ib7e19a440ba095d6424d35305fb41d643ca9764c 2019-08-08 20:01:03 +00:00			`@import '../../minerva.less/minerva.variables.less';`
Minerva is its own skin This is programmatic output from python3 scripts/migrate.py This will result in a Minerva skin dependent on MobileFrontend. Post merge we will rename message keys to have minerva- prefix Bug: T166748 Change-Id: Iff1f7e63e796cc5d4a6d2ab0370e0c33248d2fce 2017-07-12 15:12:40 +00:00
Remove the rest of the reset VISUAL CHANGE: * Improves top margin on User common.js for code Bug: T205341 Change-Id: Ia402fd069341da14532d332fab7c109d34c7208d 2024-02-15 01:00:50 +00:00			`ol.site-link-list {`
			`margin: 0;`
			`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 ) {`
Refactor LanguageOverlay styles In I629245100f4ca430a88e450939b90d075e7021f1, languageOverlay styles and LanguageSearcher styles were split into two different files. This commit mimics that change in skinStyles. All languageOverlay specific styles were moved to languageOverlay.less, while all LanguageSearcher styles were moved to LanguageSearcher.less. Other chagnes: * Changed a reference in init.js Bug: T215657 Change-Id: I395a61cd6051ad5c6b6601205f112b55f5ab8273 2019-02-22 17:59:56 +00:00			`.language-searcher {`
Minerva is its own skin This is programmatic output from python3 scripts/migrate.py This will result in a Minerva skin dependent on MobileFrontend. Post merge we will rename message keys to have minerva- prefix Bug: T166748 Change-Id: Iff1f7e63e796cc5d4a6d2ab0370e0c33248d2fce 2017-07-12 15:12:40 +00:00			`.panel-body,`
			`.overlay-content-body {`
			`margin-left: auto;`
			`margin-right: auto;`
Convert Less variable names from camelCase to snake-case Converts all Less variable names from CamelCase to snake-case per the MediaWiki coding conventions. Removes the following unused Less variables, mostly related to icons, since those were converted to Codex: - @icon-touch-area-sm - @icon-touch-area-md - @min-size-icon (replaced with @size-icon-medium) - @icon-glyph-size-sm - @icon-size-sm - @icon-padding-sm - @icon-glyph-size-md - @icon-size-md - @margin-icon-md-labelled Bug: T350581 Change-Id: I1b16e77942d9bea20dcc5636a63d64aa2325a173 2024-01-31 15:06:56 +00:00			`max-width: @max-width-content-tablet;`
Minerva is its own skin This is programmatic output from python3 scripts/migrate.py This will result in a Minerva skin dependent on MobileFrontend. Post merge we will rename message keys to have minerva- prefix Bug: T166748 Change-Id: Iff1f7e63e796cc5d4a6d2ab0370e0c33248d2fce 2017-07-12 15:12:40 +00:00			`}`

			`.list-header {`
			`padding-left: 0;`
			`padding-right: 0;`
			`}`
			`}`
			`}`