mediawiki-extensions-Multim.../resources/mmv/ui/mmv.ui.reuse.share.less
Gergő Tisza 95111d2b73 Use mw-mmv CSS prefix consistently for all things
With apologies to anyone who gets a hundred merge conflicts
because of this :)

We had several different prefix styles (mlb-, mw-mlb-, mw-mmv-,
mw-mmv-mmv-, a few unprefixed), which was getting annoying,
and will be confusing to wiki editors who are trying to figure out
where a given style comes from. Such changes are better done before
going live because it breaks all local CSS tweaks on the wiki,
so I am renaming things now (also removing some stuff which wasnt
used anywhere).

Change-Id: I00447a25f0028e234169c6db941bedc99622eb8d
2014-03-31 21:33:12 +00:00

40 lines
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;
}
}
}
.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;
}
}