mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-15 11:59:22 +00:00
0db6e39991
Convert button-like interface elements in MMV from <a> and <div> elements to <button> elements. Also add tabindex attribute in one case for keyboard accessibility. Bug: T161612 Change-Id: I37fb862f82099decd59ca7bb0beeb69b24584bb4
70 lines
1.2 KiB
Plaintext
70 lines
1.2 KiB
Plaintext
.mw-mmv-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 1000;
|
|
background-color: #000;
|
|
}
|
|
|
|
body.mw-mmv-lightbox-open {
|
|
overflow-y: auto;
|
|
|
|
/* stylelint-disable selector-max-id */
|
|
#mw-page-base,
|
|
#mw-head-base,
|
|
#mw-navigation,
|
|
#content,
|
|
#footer,
|
|
#globalWrapper { // monobook
|
|
/** Stop the article from scrolling in the background - skin-specific but works in any browser */
|
|
display: none;
|
|
}
|
|
/* stylelint-enable selector-max-id */
|
|
|
|
> * {
|
|
/** Stop the article from scrolling in the background - works with any skin but needs modern browser */
|
|
display: none;
|
|
}
|
|
> .mw-mmv-overlay,
|
|
> .mw-mmv-wrapper {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-filepage-buttons {
|
|
margin-top: 5px;
|
|
|
|
.mw-mmv-view-expanded,
|
|
.mw-mmv-view-config {
|
|
display: block;
|
|
// Work around some weirdness of MW-UI buttons. T127052
|
|
line-height: inherit;
|
|
}
|
|
|
|
.mw-mmv-view-expanded.mw-ui-icon:before {
|
|
/* @embed */
|
|
background-image: url( img/expand.svg );
|
|
}
|
|
|
|
.mw-mmv-view-config.mw-ui-icon:before {
|
|
/* @embed */
|
|
background-image: url( img/gear.svg );
|
|
opacity: 0.75;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-mmv-button {
|
|
background-color: transparent;
|
|
min-width: 0;
|
|
border: 0;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
text-indent: -9999em;
|
|
}
|