mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-25 08:05:51 +00:00
3cea6d4132
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
63 lines
1.8 KiB
Plaintext
63 lines
1.8 KiB
Plaintext
@import '../../common/variables.less';
|
|
@import '../../common/mixins.less';
|
|
@import 'mediawiki.mixins.less';
|
|
|
|
// Ensure there is only 1 main menu landmark at anytime
|
|
&.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 {
|
|
display: none;
|
|
}
|
|
|
|
.vector-main-menu {
|
|
box-sizing: border-box;
|
|
|
|
// 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;
|
|
}
|
|
|
|
.vector-language-sidebar-alert {
|
|
// Override default .mw-message-box styles
|
|
padding: 8px;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
// Main menu when pinned in the sidebar
|
|
#vector-main-menu-pinned-container .vector-main-menu {
|
|
// Align the left edge of the text with the page container
|
|
margin-left: -@padding-horizontal-dropdown-menu-item;
|
|
// Align border under pinnable header with border under page title
|
|
margin-top: 11px;
|
|
padding: @padding-vertical-dropdown-menu-item @padding-horizontal-dropdown-menu-item;
|
|
background-color: @background-color-secondary--modern;
|
|
|
|
// 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 {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
// Main menu when unpinned in the dropdown
|
|
#vector-main-menu-unpinned-container .vector-main-menu {
|
|
.vector-language-sidebar-alert {
|
|
margin-bottom: 6px;
|
|
}
|
|
}
|