mediawiki-extensions-Multim.../resources/mmv/ui/mmv.ui.reuse.share.less
Volker E 8a8d8277af Use “OOUI” as unified name in code comments
Bug: T182360
Change-Id: I20e85bf4d5ef55797b5be59ae1772f791d504ade
2018-01-17 00:16:54 -08:00

51 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: 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.5em 8px 0;
padding: 0 0 0 5px;
}
}
.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;
}
}