diff --git a/resources/mmv/mmv.bootstrap.less b/resources/mmv/mmv.bootstrap.less index ca8715a3f..649a82ebe 100644 --- a/resources/mmv/mmv.bootstrap.less +++ b/resources/mmv/mmv.bootstrap.less @@ -17,16 +17,22 @@ body.mw-mmv-lightbox-open { body.mw-mmv-lightbox-open #mw-page-base, body.mw-mmv-lightbox-open #mw-head-base, body.mw-mmv-lightbox-open #mw-navigation, -body.mw-mmv-lightbox-open #mw-footer, -body.mw-mmv-lightbox-open #content { - /** Stop the article from scrolling in the background */ +body.mw-mmv-lightbox-open #content, +body.mw-mmv-lightbox-open #footer, +body.mw-mmv-lightbox-open #globalWrapper // monobook +{ + /** Stop the article from scrolling in the background - skin-specific but works in any browser */ display: none; } -body.mw-mmv-lightbox-open > :not(.mw-mmv-overlay, .mw-mmv-wrapper) { - /** Stop the article from scrolling in the background */ +body.mw-mmv-lightbox-open > * { + /** Stop the article from scrolling in the background - works with any skin but needs modern browser */ display: none; } +body.mw-mmv-lightbox-open > .mw-mmv-overlay, +body.mw-mmv-lightbox-open > .mw-mmv-wrapper { + display: block; +} .mw-mmv-view-expanded { display: inline-block; diff --git a/resources/mmv/mmv.loaded.css b/resources/mmv/mmv.loaded.css index 77c1e0993..c9c41acf5 100644 --- a/resources/mmv/mmv.loaded.css +++ b/resources/mmv/mmv.loaded.css @@ -1,3 +1,8 @@ .mw-mmv-has-been-loaded { display: inline; -} \ No newline at end of file +} +/* Makes sure this has more specificity than the display: none in mmv.bootstrap.less; keep separate from previous + block for maximum browser compatibility */ +body.mw-mmv-lightbox-open > .mw-mmv-has-been-loaded { + display: inline; +}