mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-17 21:04:11 +00:00
82cec45472
Change-Id: I9862f2b8080a4401e000dbd9a7af8d4db4981c06 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/379
40 lines
1 KiB
Plaintext
40 lines
1 KiB
Plaintext
@input-text-color: #333333;
|
|
|
|
.mw-mlb-share-pane {
|
|
.mw-mlb-share-page {
|
|
// override OOJS-UI 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 OOJS UI's definition
|
|
input[readonly], input[readonly] {
|
|
color: @input-text-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-mlb-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 OOJS-UI 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;
|
|
}
|
|
}
|