jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Clean up main menu selectors 

Change-Id: Icb7595f2ef60108f6eaf6b953f37a291678f793e
This commit is contained in:
bwang 2022-08-17 13:57:38 -05:00
parent 2450fdeb99
commit 2d6be2e6f0
4 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/common/variables.less
View File

@ -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

4
resources/skins.vector.styles/components/Sidebar.less
View File

@ -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 );
}

6
resources/skins.vector.styles/layouts/grid.less
View File

@ -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();
}
}

2
resources/skins.vector.styles/layouts/screen.less
View File

@ -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