2016-04-10 13:31:02 +00:00
|
|
|
@import '../echo.variables';
|
|
|
|
@import '../echo.mixins';
|
2016-01-30 00:27:47 +00:00
|
|
|
|
2017-12-27 13:38:12 +00:00
|
|
|
/* stylelint-disable no-descending-specificity */
|
2016-01-30 00:27:47 +00:00
|
|
|
.mw-echo-ui-menuItemWidget {
|
2018-03-24 20:52:04 +00:00
|
|
|
&:hover {
|
|
|
|
text-decoration: none;
|
2016-01-30 00:27:47 +00:00
|
|
|
}
|
|
|
|
|
2018-03-24 20:52:04 +00:00
|
|
|
> .oo-ui-labelElement-label {
|
|
|
|
// Override link colour
|
|
|
|
color: @color-base;
|
2016-01-30 00:27:47 +00:00
|
|
|
// Set max-width so buttons are truncated
|
|
|
|
max-width: 15em;
|
|
|
|
}
|
|
|
|
|
|
|
|
&-prioritized {
|
2016-03-03 20:54:11 +00:00
|
|
|
.mw-echo-ui-mixin-hover-opacity();
|
2016-01-30 00:27:47 +00:00
|
|
|
display: inline-block;
|
2018-03-24 20:52:04 +00:00
|
|
|
// Remove left padding up to icon, 11/14
|
|
|
|
margin-left: -0.78571429em;
|
2016-01-30 00:27:47 +00:00
|
|
|
}
|
2016-02-26 23:16:47 +00:00
|
|
|
|
2016-08-05 21:44:55 +00:00
|
|
|
&-dynamic-action {
|
|
|
|
&:hover {
|
2016-10-25 04:18:08 +00:00
|
|
|
background-color: @background-color-base;
|
2016-08-05 21:44:55 +00:00
|
|
|
}
|
|
|
|
|
2018-03-24 20:52:04 +00:00
|
|
|
> .oo-ui-labelElement-label {
|
|
|
|
white-space: normal;
|
|
|
|
overflow: visible;
|
2016-08-05 21:44:55 +00:00
|
|
|
}
|
|
|
|
|
2018-03-24 20:52:04 +00:00
|
|
|
&.oo-ui-iconElement > .oo-ui-iconElement-icon {
|
|
|
|
// Limit to single line height, 32/14
|
|
|
|
height: 2.28571em;
|
2016-02-26 23:16:47 +00:00
|
|
|
}
|
|
|
|
|
2018-03-24 20:52:04 +00:00
|
|
|
.mw-echo-ui-menuItemWidget-description {
|
|
|
|
color: #54595d;
|
|
|
|
display: block;
|
|
|
|
padding-top: 1em;
|
2016-02-26 23:16:47 +00:00
|
|
|
}
|
2018-03-24 20:52:04 +00:00
|
|
|
}
|
2016-02-26 23:16:47 +00:00
|
|
|
|
2018-03-24 20:52:04 +00:00
|
|
|
.mw-echo-ui-actionMenuPopupWidget-menu:hover {
|
|
|
|
background-color: #eaecf0;
|
2016-02-26 23:16:47 +00:00
|
|
|
}
|
2016-01-30 00:27:47 +00:00
|
|
|
}
|