mediawiki-extensions-Echo/modules/styles/mw.echo.ui.DatedNotificationsWidget.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

25 lines
601 B
Plaintext

@import 'mediawiki.skin.variables.less';
@import '../echo.variables.less';
.mw-echo-ui-datedNotificationsWidget {
min-height: 5em;
// We want everything inside the widget to be
// pending/transparent, but not the widget itself
// because otherwise, the background pending animation
// is also transparent.
&.oo-ui-pendingElement-pending > * {
opacity: 0.5;
}
.mw-echo-ui-subGroupListWidget {
// This is a hack to make sure that this widget
// is the nearest scrollable widget for the submenus
overflow-y: auto;
&-header {
margin-bottom: @specialpage-separation-unit;
}
}
}