mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-09-24 02:39:20 +00:00
Clean up main menu selectors
Change-Id: Icb7595f2ef60108f6eaf6b953f37a291678f793e
This commit is contained in:
parent
2450fdeb99
commit
2d6be2e6f0
|
@ -130,12 +130,16 @@
|
|||
// Menu button
|
||||
@margin-horizontal-sidebar-button-icon: unit( 12px / @font-size-browser, em ); // 0.75em @ 16
|
||||
|
||||
// Main menu
|
||||
@selector-main-menu-open: ~'#mw-sidebar-checkbox:checked';
|
||||
@selector-main-menu-closed: ~'#mw-sidebar-checkbox:not( :checked )';
|
||||
|
||||
// Sidebar
|
||||
@width-sidebar-px: 220px;
|
||||
@width-sidebar-px-wide: 244px;
|
||||
|
||||
// TOC
|
||||
@sidebar-toc-selector: ~'.mw-table-of-contents-container .sidebar-toc';
|
||||
@width-sidebar-px: 220;
|
||||
@width-sidebar-px-wide: 244;
|
||||
@margin-toc-start-content: unit( ( @width-sidebar-px + 24 ) / @font-size-browser, em );
|
||||
@margin-toc-start-content-wide: unit( ( @width-sidebar-px-wide + 52 ) / @font-size-browser, em ); // 18.5em;
|
||||
|
||||
// Search
|
||||
@max-width-search: unit( 500px / @font-size-browser / @font-size-base, em ); // 35.71428571em @ 16 & 0.875em T270202
|
||||
|
|
|
@ -55,7 +55,7 @@
|
|||
}
|
||||
|
||||
// Hide sidebar entirely when the checkbox is disabled
|
||||
#mw-sidebar-checkbox:not( :checked ) ~ .vector-sidebar-container & {
|
||||
@{selector-main-menu-closed} ~ .vector-sidebar-container & {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
@ -111,7 +111,7 @@
|
|||
/* @embed */
|
||||
background-image: url( images/chevronHorizontal-ltr.svg );
|
||||
|
||||
#mw-sidebar-checkbox:not( :checked ) ~ .mw-header & {
|
||||
@{selector-main-menu-closed} ~ .mw-header & {
|
||||
/* @embed */
|
||||
background-image: url( images/menu.svg );
|
||||
}
|
||||
|
|
|
@ -114,9 +114,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
.vector-toc-collapsed {
|
||||
#mw-sidebar-checkbox:not( :checked ) ~ .mw-content-container,
|
||||
#mw-sidebar-checkbox:not( :checked ) ~ .mw-table-of-contents-container {
|
||||
.vector-toc-collapsed @{selector-main-menu-closed} {
|
||||
& ~ .mw-content-container,
|
||||
& ~ .mw-table-of-contents-container {
|
||||
.mixin-column-full-width();
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
@import '../../common/variables.less';
|
||||
@import 'mediawiki.mixins.less';
|
||||
|
||||
@selector-sidebar-no-toc-sidebar-closed: ~'#mw-sidebar-checkbox:not( :checked ) ~ .vector-sidebar-container-no-toc';
|
||||
@selector-sidebar-no-toc-sidebar-closed: ~'@{selector-main-menu-closed} ~ .vector-sidebar-container-no-toc';
|
||||
|
||||
// Content container
|
||||
|
||||
|
|
Loading…
Reference in a new issue