mediawiki-extensions-Echo/modules/styles/mw.echo.ui.MenuItemWidget.less
Volker E 7f6f792a3a styles: Replace 'mediawiki.ui/variables' call with skin variables
Replacing 'mediawiki.ui/variables.less' `@import`
with new skin-aware 'mediawiki.skin.variables.less' standard.
Also replacing and removing scattered WikimediaUI Base v0.15.0 variables
with new skin variables.

Also
- replacing several static values with new Codex design tokens featuring
  skin variables for following properties:
  - background-color
  - color
  - border-width, border-style, border-color and border shorthand
  - border-radius
  - box-shadow colors
  - outline-width, outline-style, outline-color and outline shorthand
  - opacity
- replacing equal-value Echo variables with new skin variables
- replacing `opacity: 0` with `opacity: 1px solid transparent`, which
  improves accessibility in Windows High Contrast mode

Bump required MediaWiki core version to >= v1.41.0.

Bug: T332541
Co-Authored-by: Volker E. <volker.e@wikimedia.org>
Depends-On: I04f9e48a1cf9dee915cf51e1e12b17ff0a595a06
Change-Id: If3863f07d7c3a8b58808fb03401c1060a92bc2ab
2023-04-04 01:26:11 -07:00

45 lines
928 B
Plaintext

@import 'mediawiki.skin.variables.less';
@import '../echo.variables.less';
@import '../echo.mixins.less';
.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: @color-subtle;
display: block;
cursor: inherit;
}
}
.mw-echo-ui-actionMenuPopupWidget-menu:hover {
background-color: #eaecf0;
}
}