mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-29 10:24:24 +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
50 lines
1.4 KiB
Plaintext
50 lines
1.4 KiB
Plaintext
@input-text-color: #222;
|
|
|
|
.mw-mmv-share-pane {
|
|
.mw-mmv-share-page {
|
|
// override OOUI fixed width
|
|
width: auto;
|
|
// make sure this is a new block formatting context so that the float shrinks it instead of
|
|
// running into it and pushing the input down (there is probably a better way of doing this)
|
|
overflow: hidden;
|
|
|
|
// The selector has to be that deep and include [readonly] to override OOUI's definition
|
|
input[ readonly ] {
|
|
color: @input-text-color;
|
|
text-shadow: none;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-dialog-copy {
|
|
// style rules based on .mw-mmv-share-page-link
|
|
float: right;
|
|
width: 2em;
|
|
height: 2em;
|
|
// position approximately to the middle - probably fragile but couldn't find a better way as
|
|
// the height of OOUI input widget has both em and px parts and not possible to calculate
|
|
// exactly
|
|
margin: 8px 0.5em;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-share-page-link {
|
|
float: left;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
// position approximately to the middle - probably fragile but couldn't find a better way as the
|
|
// height of OOUI input widget has both em and px parts and not possible to calculate exactly
|
|
margin: 8px 0;
|
|
padding: 0 5px 0 0;
|
|
/* @embed */
|
|
background-image: url( img/link.svg );
|
|
background-size: contain;
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
|
|
&:hover {
|
|
/* @embed */
|
|
background-image: url( img/link-hover.svg );
|
|
text-decoration: none;
|
|
}
|
|
}
|