mediawiki-extensions-Echo/modules/styles/mw.echo.ui.mobile.less
Volker E ab0f2df92a styles: Use new forward-facing breakpoint tokens
Replacing legacy tablet breakpoint variables with new Codex
design system `@max-width-breakpoint-tablet` tokens.

Bug: T331403
Change-Id: I8342b13c5ec6ad99f39a3d2f4ba1f2b0a1cf6386
2023-10-24 23:37:54 -07:00

25 lines
544 B
Plaintext

@import 'mediawiki.skin.variables.less';
// `!important` rules override the inline styles provides by clippable.
@media all and ( max-width: @max-width-breakpoint-mobile ) {
.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;
}
}
}