wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-12-04 12:09:30 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Vector/resources/skins.vector.zebra.styles/components/MainMenu.less

41 lines
1 KiB
Plaintext
Raw Normal View History

Create skins.vector.zebra.styles module Creates a new skins.vector.zebra.styles module that will hold style modifications for the Vector Zebra update. Affected files are copied from skins.vector.styles without modification (at this point) to improve revision history in git. The new module should compile without error and existing styles should not be affected. Bug: T332600 Change-Id: I9b367ca0a0afea32b49915b40bc03c05910d4227
2023-04-19 15:35:48 +00:00
// Ensure there is only 1 main menu landmark at anytime
Scope styles related to zebra feature flag This change scopes the styles related to the Zebra update by wrapping the imports in a top-level feature flag selector, i.e .vector-feature-zebra-design-enabled { @import "./screen.less" } To account for this extra selector, ampersands are added wherever the html element is targeted in the affected files. This applies to both zebra enabled and disabled files. getDefaultModules() is used in SkinVector22.php to conditionally load the new skins.vector.zebra.styles module when the feature is enabled. Bug: T332600 Change-Id: I5e673df383ff31f296010f982e4188c82f095590
2023-04-19 20:57:36 +00:00
&.vector-feature-main-menu-pinned-enabled .vector-header-start .vector-main-menu-landmark,
&.vector-feature-main-menu-pinned-disabled .vector-main-menu-container .vector-main-menu-landmark {
Create skins.vector.zebra.styles module Creates a new skins.vector.zebra.styles module that will hold style modifications for the Vector Zebra update. Affected files are copied from skins.vector.styles without modification (at this point) to improve revision history in git. The new module should compile without error and existing styles should not be affected. Bug: T332600 Change-Id: I9b367ca0a0afea32b49915b40bc03c05910d4227
2023-04-19 15:35:48 +00:00
display: none;
}
.vector-main-menu {
// Hide #p-navigation label
#p-navigation .vector-menu-heading {
display: none;
}
// Match styles of .mw-list-item a in PinnableElement.less
.vector-main-menu-action-opt-out a,
.vector-main-menu-action-lang-alert .vector-main-menu-action-content {
.mixin-vector-dropdown-menu-item();
}
.vector-main-menu-action-opt-out a {
font-weight: bold;
}
.vector-main-menu-action-lang-alert .vector-main-menu-action-content {
padding-top: 0;
}
Hide language alert if there are none and JS is disabled The languages alert is misleading when there are no languages and the user has JS disabled. This change adds a class to the alert if there are 0 languages, and then adds "display: none" to the alert if the client-nojs class is present. This is the same approach being used for the language switcher button. Bug: T326185 Change-Id: Iee292d661ed1f47700f588053712f5f547022b17
2023-05-19 16:45:26 +00:00
// Hide the sidebar alert if there are no languages and JavaScript is disabled (T326185)
.vector-main-menu-action-lang-alert.vector-main-menu-action-lang-alert-empty {
.client-nojs& {
display: none;
}
}
Create skins.vector.zebra.styles module Creates a new skins.vector.zebra.styles module that will hold style modifications for the Vector Zebra update. Affected files are copied from skins.vector.styles without modification (at this point) to improve revision history in git. The new module should compile without error and existing styles should not be affected. Bug: T332600 Change-Id: I9b367ca0a0afea32b49915b40bc03c05910d4227
2023-04-19 15:35:48 +00:00
.vector-language-sidebar-alert {
// Override default .mw-message-box styles
padding: 8px;
margin: 0;
}
}
Reference in a new issue Copy permalink