mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-12-02 19:56:17 +00:00
2a8b140ed3
- Use square cdx icon only buttons - gray transparent brackground - opaque background on hover, active, focus - Some fixes to the positioning and offsets of buttons and dialogs - Move the dialogs to be in the same container as the buttons This is better for accessibility but also fixes the z-index issue Bug: T365192 Change-Id: Idbc2a309fbca15bd528aaed7ca9bed584487c4f3
58 lines
1 KiB
Plaintext
58 lines
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 );
|
|
}
|
|
}
|