mediawiki-skins-MinervaNeue/resources/skins.minerva.mainMenu.styles/MainMenuItem.less
Steph Toyofuku 5e35d585cf Fix alignment for nearby and settings items in menu, and correctly hide when JS is disabled
Removes a `display: inherit` that was causing issues with the alignment of these two items in the menu.  In addition, correctly sets display to none for jsonly-specified list items when client js is disabled and rename the class to make it more specific to the menu items

Note: this will have a visual impact as it is fixing what is currently a visual bug.  The jsonly hiding will also not work with cached content, but since it's currently broken we figured this was acceptable

Bug: T346670
Change-Id: I56d2c4fcba09d199a0fd6aad2f1621509bbfaba5
2023-12-14 21:58:39 +00:00

32 lines
755 B
Plaintext

@import '../../minerva.less/minerva.variables.less';
@import 'mediawiki.mixins.less';
// stylelint-disable selector-max-id
// .menu
#mw-mf-page-left {
ul {
.toggle-list-item {
background-color: @background-color-base;
position: relative; // ensure the logout link in beta can be position absolute
border-top: @border-width-base @border-style-base #eaecf0;
// offset the border for the icon by 1px
margin-top: -@border-width-base;
&:first-child {
border-top: 0;
}
.toggle-list-item__anchor:hover {
box-shadow: inset 4px 0 0 0 @box-shadow-color-progressive--focus;
text-decoration: none;
}
.client-nojs & .skin-minerva-list-item-jsonly {
display: none;
}
}
}
}
// stylelint-enable selector-max-id