mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-26 17:10:00 +00:00
a6c279042c
White text shadow looked bad on Chrome/Linux where selected text color is white. Change-Id: I6723bc8ee0f6e2f77bb299216d56a844ac17a9f1 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/443
41 lines
1.1 KiB
Plaintext
41 lines
1.1 KiB
Plaintext
@input-text-color: #333333;
|
|
|
|
.mw-mmv-share-pane {
|
|
.mw-mmv-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;
|
|
text-shadow: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.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 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;
|
|
}
|
|
}
|