mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-30 19:04:19 +00:00
fe5687b6ef
Follow-Up: I707ef2c0b6b8d4d13c05182078b82ddc99e32d12 Bug: T77349 Change-Id: I2693cd36ec390e0ca059030d264276492ed0a2fe
51 lines
976 B
Plaintext
51 lines
976 B
Plaintext
@import 'mediawiki.skin.variables.less';
|
|
|
|
.mw-mmv-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 1000;
|
|
background-color: #000;
|
|
display: flex;
|
|
justify-items: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
justify-content: center;
|
|
|
|
.cdx-progress-bar {
|
|
max-width: 80vw;
|
|
min-width: 20vw;
|
|
width: 20rem;
|
|
}
|
|
}
|
|
|
|
body.mw-mmv-lightbox-open {
|
|
overflow-y: auto;
|
|
|
|
// This is to ensure the background area for the safe areas (notch) is black in fullscreen mode
|
|
// Separate from above as not all browsers that we support, support has().
|
|
background-color: #000;
|
|
|
|
// Stop the article from scrolling in the background
|
|
> *:not( .mw-notification-area-overlay ) {
|
|
display: none;
|
|
}
|
|
|
|
> .mw-mmv-overlay {
|
|
display: flex;
|
|
}
|
|
|
|
> .mw-mmv-wrapper {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-view-expanded {
|
|
.cdx-button__icon {
|
|
.cdx-mixin-css-icon( @cdx-icon-image-gallery, @param-is-button-icon: true,
|
|
@param-size-icon: @size-icon-small );
|
|
}
|
|
}
|