mediawiki-extensions-Echo/modules/styles/mw.echo.ui.mobile.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
540 B
Plaintext

@import 'mediawiki.skin.variables.less';
// `!important` rules override the inline styles provides by clippable.
@media all and ( max-width: @width-breakpoint-tablet ) {
.mw-echo-ui-overlay {
.oo-ui-clippableElement-clippable {
width: 100% !important;
max-width: none !important;
}
.mw-echo-ui-specialHelpMenuWidget-menu {
max-width: 70% !important;
}
.oo-ui-popupWidget-popup {
width: 100% !important;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
left: 1px !important;
right: 2px;
}
}
}