mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-12-01 03:06:17 +00:00
c1a38cfe9e
When opening the media viewer, we immediately display a black frame, as we wait for the dependencies etc to load. Add a codex indeterminate progress bar to this phase as we wait, so the user has feedback that something is happening. Bug: T77230 Change-Id: Ibba98150ac2e8034fbfcd586309632704cf0b606
67 lines
1.1 KiB
Plaintext
67 lines
1.1 KiB
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;
|
|
|
|
// 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-filepage-buttons {
|
|
margin-top: 5px;
|
|
|
|
.cdx-button:nth-child(n + 2) {
|
|
border-left: none;
|
|
}
|
|
|
|
.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 );
|
|
}
|
|
|
|
.mw-mmv-view-config .cdx-button__icon {
|
|
.cdx-mixin-css-icon( @cdx-icon-settings, @param-is-button-icon: true,
|
|
@param-size-icon: @size-icon-small );
|
|
}
|
|
}
|
|
|
|
.mw-mmv-button {
|
|
background-color: transparent;
|
|
min-width: 0;
|
|
border: 0;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
text-indent: -9999em;
|
|
}
|