mediawiki-extensions-Echo/modules/styles/mw.echo.ui.MenuItemWidget.less
Ed Sanders 5161a2c40e Fix layout of action buttons use display:flex
Bug: T258990
Change-Id: If0ece6e7ff6fef9abfcd4996a9158e86a5ffece0
2020-07-29 14:13:02 +01:00

45 lines
931 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
max-height: 28px;
}
.mw-echo-ui-menuItemWidget-description {
color: #54595d;
display: block;
cursor: inherit;
}
}
.mw-echo-ui-actionMenuPopupWidget-menu:hover {
background-color: #eaecf0;
}
}