mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-29 02:14:21 +00:00
a907339f89
Clipboard icon adapted from modules/tools/images/pasting.svg from the ContentTranslation extension. Also adjusts some margins to better separate embed code box from embed options Bug: T77295 Change-Id: Ic7a11eab6ecc767ad4d80b94a7b62578d535d047
54 lines
1.4 KiB
Plaintext
54 lines
1.4 KiB
Plaintext
@input-text-color: #333;
|
|
|
|
.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] {
|
|
color: @input-text-color;
|
|
text-shadow: none;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-reuse-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 OOJS-UI 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 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;
|
|
}
|
|
}
|