mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 10:50:52 +00:00
10076c1b61
Split apart the extensive mainmenu.less file into a few component-like
files: MainMenu, MainMenuFooter, MainMenuItem, and NotificationsOverlay.
Two variables, @duration and @easing, were moved to minerva.variables.
The separation is imperfect as some overlap still exists but is far
better than before.
This patch is focused on division without regression. Please limit any
refactor requests.
No user visible changes intended. The only selector that was cognizantly
changed was to duplicate the drawer visibility on main menu and
notifications overlay:
// Old: mainmenu.less
.navigation-drawer,
.transparent-shield {
visibility: visible;
}
// ---
// New: MainMenu.less
#mw-mf-page-left,
.transparent-shield {
visibility: visible;
}
// New: NotifcationsOverlay.less
.navigation-enabled {
.notifications-overlay {
visibility: visible;
}
}
The is unfortunately useless. It is best to reproduce these changes
locally by renaming mainmenu.less to MainMenu.less and extract parts to
MainMenuFooter, MainMenuItem, and NotificationsOverlay LESS files until
the result matches.
Bug: T206354
Change-Id: I8d37c5346efcf39a4d76322fd6e6af3fff96ac53
33 lines
646 B
Plaintext
33 lines
646 B
Plaintext
@import '../../minerva.less/minerva.variables';
|
|
|
|
// todo: use .menu (or make a new BEM class). At time of writing, this would require additional
|
|
// changes to have sufficient specificity.
|
|
#mw-mf-page-left {
|
|
ul {
|
|
// This is, like, the area for the disclaimare.
|
|
&.hlist {
|
|
li {
|
|
background-color: transparent;
|
|
border: 0;
|
|
margin: 0;
|
|
font-size: 0.75em; // equals `12px` at base `font-size: 16px`
|
|
|
|
// T173507
|
|
&:after {
|
|
content: none;
|
|
}
|
|
|
|
a {
|
|
color: @colorProgressive;
|
|
padding: 0.7em 12px;
|
|
|
|
&:hover {
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|