mediawiki-extensions-Echo/modules/styles/mw.echo.ui.mobile.less
Bartosz Dziewoński ed76ff596f Avoid hardcoded width for the popup's footer buttons
Hardcoded width interferes with OOUI's attempts to make the popup
narrower on narrow screens.

Minerva low resolution styles are now applied to all skins at
mobile/tablet breakpoints

Bug: T287132
Change-Id: Ifffe8c6330385356d35b7950ce9803f3a9f01b6f
2023-02-03 11:58:35 -08:00

25 lines
533 B
Plaintext

@import 'mediawiki.ui/variables';
// `!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;
}
}
}