mediawiki-skins-MinervaNeue/components/ToggleList/MenuListItem.less
jdlrobson 2a76493a56 Labels for mw-ui-icon-before elements should be vertically aligned inside
This also resolves the issue with the language menu item being grayed out
for pages without languages

Bug: T233167
Bug: T233050
Change-Id: I05c54c0d35e4990717a8c3dc4ab42841349535f1
2019-09-20 10:37:46 -07:00

44 lines
822 B
Plaintext

// A MenuListItem is a ToggleList item for menus.
@import '../../minerva.less/minerva.variables.less';
@import '../../minerva.less/minerva.mixins.less';
.toggle-list-item {
display: block;
padding: 0.875em; // 14px
//
// Make the app feel like an app, not a JPEG. When hovering over a menu item, add a little
// interactivity.
&:hover {
background: @grayLightest;
}
}
.toggle-list-item__anchor {
display: block;
line-height: 1;
&:hover {
text-decoration: none;
}
&:visited, &:active {
color: @grayMediumDark;
}
}
.toggle-list-item__icon {
vertical-align: middle;
}
.toggle-list-item__label {
// Left-align text. Button elements are centered.
text-align: left;
color: @grayMediumDark;
font-weight: bold;
white-space: nowrap;
vertical-align: middle;
font-size: @font-size-minerva-small;
}