mediawiki-extensions-Echo/modules/styles/mw.echo.ui.MenuItemWidget.less
Ed Sanders 769d6579f9 Make MenuItemWidgets inherit from ButtonOptionWidgets
This gives them a consistent appearance with the expand/collapse
button. Only requires a small visual tweak to work in the popup
menu.

Bug: T258701
Bug: T258703
Change-Id: Ib3d074d1117e08d11136791354184e2e4b655290
2020-07-23 18:19:32 +01:00

45 lines
940 B
Plaintext

@import '../echo.variables.less';
@import '../echo.mixins.less';
/* stylelint-disable no-descending-specificity */
.mw-echo-ui-menuItemWidget {
&:hover {
text-decoration: none;
}
> .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
// Override link colour
color: @color-base;
// Set max-width so buttons are truncated
max-width: 25em;
font-weight: normal;
}
&-prioritized {
.mw-echo-ui-mixin-hover-opacity();
display: inline-block;
}
&-dynamic-action {
> .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
white-space: normal;
overflow: visible;
}
&.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
// Limit to single line height, 32/14
height: 2.28571em;
}
.mw-echo-ui-menuItemWidget-description {
color: #54595d;
display: block;
padding-top: 1em;
}
}
.mw-echo-ui-actionMenuPopupWidget-menu:hover {
background-color: #eaecf0;
}
}