mediawiki-extensions-Echo/modules/styles/mw.echo.ui.MenuItemWidget.less
Volker E 415b7b9851 hygiene: Make LESS imports non-ambigious
Some LESS parsers will get confused with the lack of file extension.
It's better to be explicit and in alignment with recent change in core
I379334d7729e587a2a00.
It was already weirdly mixed in this repo with some imports featuring
extension and some not.

Change-Id: Ib208607c850fa2492b13cd3d449c04ebc2c21a01
2019-10-25 13:53:39 -07:00

50 lines
962 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-labelElement-label {
// Override link colour
color: @color-base;
// Set max-width so buttons are truncated
max-width: 15em;
}
&-prioritized {
.mw-echo-ui-mixin-hover-opacity();
display: inline-block;
// Remove left padding up to icon, 11/14
margin-left: -0.78571429em;
}
&-dynamic-action {
&:hover {
background-color: @background-color-base;
}
> .oo-ui-labelElement-label {
white-space: normal;
overflow: visible;
}
&.oo-ui-iconElement > .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;
}
}