mediawiki-skins-Vector/resources/skins.vector.styles/layouts/preZebra.less

@import '../../common/mixins.less';

.vector-header-container {
	.mixin-page-container();
}

// FIXME: Remove -disabled when cache has cleared.
&.vector-feature-limited-width-clientpref-0 .vector-header-container,
&.vector-feature-limited-width-disabled .vector-header-container {
	max-width: none;
}

.vector-sticky-header-container {
	border-bottom: @border-width-base @border-style-base #eaecf0;
}
[Refactor] Prepare existing styles for zebra module This refactor seeks to make it easier to separate feature flagged styles by wrapping the imports in a top-level feature-flag selector, e.g: .vector-feature-zebra-design-disabled { @import './layouts/preZebra.less'; } This change does the following: - Moves all file @imports to skin.less - Removes unnecessary @import from MainMenu.less - Moves .mixin-page-container() to mixins.less - Moves @min-width-supported variable to variables.less - Scopes existing Zebra styles at the skin.less file @import level - Removes selectors ending with ampersands The last changes makes it easer to reason about changes specifically when wrapping entire file imports in a selector since the ampersand ends up inheriting its value from the skin.less file. No visual differences are expected with this change. Bug: T332600 Change-Id: Ife05e28ff38f9c5077e2d9eac653df656566e443 2023-04-18 21:57:55 +00:00			`@import '../../common/mixins.less';`

Implement new zebra design for the header under the flag Bug: T332449 Depends-On: Ia21c14f72631e607e0d626408557eacb83529a03 Change-Id: I9a7d6fac7c44be1983281a44766d34a16f515b40 2023-03-31 19:25:09 +00:00			`.vector-header-container {`
			`.mixin-page-container();`
[Refactor] Prepare existing styles for zebra module This refactor seeks to make it easier to separate feature flagged styles by wrapping the imports in a top-level feature-flag selector, e.g: .vector-feature-zebra-design-disabled { @import './layouts/preZebra.less'; } This change does the following: - Moves all file @imports to skin.less - Removes unnecessary @import from MainMenu.less - Moves .mixin-page-container() to mixins.less - Moves @min-width-supported variable to variables.less - Scopes existing Zebra styles at the skin.less file @import level - Removes selectors ending with ampersands The last changes makes it easer to reason about changes specifically when wrapping entire file imports in a selector since the ampersand ends up inheriting its value from the skin.less file. No visual differences are expected with this change. Bug: T332600 Change-Id: Ife05e28ff38f9c5077e2d9eac653df656566e443 2023-04-18 21:57:55 +00:00			`}`
Implement new zebra design for the header under the flag Bug: T332449 Depends-On: Ia21c14f72631e607e0d626408557eacb83529a03 Change-Id: I9a7d6fac7c44be1983281a44766d34a16f515b40 2023-03-31 19:25:09 +00:00
Limited width uses new client preferences system * Update classes to use clientpref-1 and clientpref-0 suffix for limited width I've limited this to the only client preference for now to reduce risk. * For cached HTML retain existing CSS rules, and continue saving a cookie * Migrate cookie if found for newly generated pages. This will be to ensure the old cookie and new cookie are in sync (this should be a one time operation) Depends-On: I1e635f843ac9b2f248b1f7618134598e80291b38 Bug: T341641 Change-Id: I120f8f7114b33d2cfbd1c3c57ebf41f8b2d7fec4 2023-07-11 23:13:57 +00:00			`// FIXME: Remove -disabled when cache has cleared.`
			`&.vector-feature-limited-width-clientpref-0 .vector-header-container,`
[Refactor] Prepare existing styles for zebra module This refactor seeks to make it easier to separate feature flagged styles by wrapping the imports in a top-level feature-flag selector, e.g: .vector-feature-zebra-design-disabled { @import './layouts/preZebra.less'; } This change does the following: - Moves all file @imports to skin.less - Removes unnecessary @import from MainMenu.less - Moves .mixin-page-container() to mixins.less - Moves @min-width-supported variable to variables.less - Scopes existing Zebra styles at the skin.less file @import level - Removes selectors ending with ampersands The last changes makes it easer to reason about changes specifically when wrapping entire file imports in a selector since the ampersand ends up inheriting its value from the skin.less file. No visual differences are expected with this change. Bug: T332600 Change-Id: Ife05e28ff38f9c5077e2d9eac653df656566e443 2023-04-18 21:57:55 +00:00			`&.vector-feature-limited-width-disabled .vector-header-container {`
			`max-width: none;`
Implement new zebra design for the header under the flag Bug: T332449 Depends-On: Ia21c14f72631e607e0d626408557eacb83529a03 Change-Id: I9a7d6fac7c44be1983281a44766d34a16f515b40 2023-03-31 19:25:09 +00:00			`}`
Follow-up: add border to zebra header Bug: T332449 Change-Id: I93704a647b6c3d1dfd1741f223379019816a60e6 2023-04-05 16:24:38 +00:00
			`.vector-sticky-header-container {`
styles: Remove 'mediawiki.ui/variables' call Removing 'mediawiki.ui/variables.less' `@import`, which is now fully replaced by skin-aware 'mediawiki.skin.variables.less' standard. Bumping required MediaWiki core version to >= v1.41.0. Also - replacing deprecated keys with new Codex token equivalent keys Bug: T319381 Bug: T332541 Change-Id: I87bd258a24d8ca8b789f8355fe6495eca4cebb85 2023-04-23 13:48:55 +00:00			`border-bottom: @border-width-base @border-style-base #eaecf0;`
Follow-up: add border to zebra header Bug: T332449 Change-Id: I93704a647b6c3d1dfd1741f223379019816a60e6 2023-04-05 16:24:38 +00:00			`}`