mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-24 16:04:35 +00:00
0fd6d64a29
* Inherit from DecoratedOptionWidget as it comes with an icon mixin. * Keep the DOM structure as similar to its parent as possible, to avoid breaking upstream child selectors. * To this end, replace <a> wrapping hack with override of getTagName to set this.$element to <a>. Change-Id: Ifde70785a1bc996eb09e581b06ed30708323e9f7
50 lines
952 B
Plaintext
50 lines
952 B
Plaintext
@import '../echo.variables';
|
|
@import '../echo.mixins';
|
|
|
|
/* 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;
|
|
}
|
|
}
|