mediawiki-extensions-Echo/modules/styles/mw.echo.ui.MenuItemWidget.less
Roan Kattouw 7658e151d6 Fix positioning of the secondary actions menu
- Automatically flip the position if there's no room
- Always flip the position in bundled notifications
- Remove menuWidth and related hacks, they didn't work anyway
- Increase maximum label width a bit

Change-Id: I490a925b6265bfbb8bbedae11672fd19d4efba44
2020-06-03 04:41:13 +00: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: 25em;
}
&-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;
}
}