mediawiki-extensions-Multim.../resources/mmv.ui.reuse.shareembed/mmv.ui.reuse.share.less

@input-text-color: #222;

.mw-mmv-share-pane {
	.mw-widget-copyTextLayout {
		margin-top: 0;
		margin-left: 2em;
	}
}

.mw-mmv-share-page-link {
	float: left;
	width: 1.5em;
	height: 2.3em;
	padding-right: 0.5em;
	/* @embed */
	background-image: url( img/link.svg );
	background-size: 1em;
	background-position: left center;
	background-repeat: no-repeat;

	&:hover {
		/* @embed */
		background-image: url( img/link-hover.svg );
		text-decoration: none;
	}
}
Align to WikimediaUI style guide and code cleanup Aligning to WikimediaUI style guide by replacing colors with standard color palette equivalents, merging close colors (ex: `#E6E6E6` & `#eee` become `#eaecf0` ) and slightly increase contrast on a few to meet WCAG 2.0 level AA criteria. Also: - following other code bases like MobileFrontend or OOjs UI in using `border-radius` property instead of obsolete mixin - removing non-existing browser vendor prefixes in mixins - removing non-used Less variables - bringing CSS/Less code closer to coding standards and - simplifying Less code where applicable Change-Id: Icb936e14ff613471ea1da6df6341ec1b0543cfaf 2017-03-02 23:45:42 +00:00			`@input-text-color: #222;`
Increase the contrast of the share&embed input/textarea Change-Id: I9862f2b8080a4401e000dbd9a7af8d4db4981c06 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/379 2014-03-26 14:50:24 +00:00
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			`.mw-mmv-share-pane {`
Use upstream CopyTextLayout in share/embed/download panels Results in small UI changes, but allows us to delete a lot of code duplication. Depends-On: I9049f5a1c0d88680fc4a174e390dd08e27c0eee2 Change-Id: Iebe7bdc8a026b929a35e823d8107d90e7bb62b82 2019-05-23 14:27:43 +00:00			`.mw-widget-copyTextLayout {`
			`margin-top: 0;`
			`margin-left: 2em;`
Add button to select and copy share/embed text to clipboard 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 2016-12-22 17:59:07 +00:00			`}`
Add share panel, replace reuse Mingle: 147 Change-Id: I5678002ac84965a80f5e63635151032e6c293194 2014-03-17 08:07:53 +00:00			`}`

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			`.mw-mmv-share-page-link {`
Add share panel, replace reuse Mingle: 147 Change-Id: I5678002ac84965a80f5e63635151032e6c293194 2014-03-17 08:07:53 +00:00			`float: left;`
			`width: 1.5em;`
Use upstream CopyTextLayout in share/embed/download panels Results in small UI changes, but allows us to delete a lot of code duplication. Depends-On: I9049f5a1c0d88680fc4a174e390dd08e27c0eee2 Change-Id: Iebe7bdc8a026b929a35e823d8107d90e7bb62b82 2019-05-23 14:27:43 +00:00			`height: 2.3em;`
			`padding-right: 0.5em;`
Add share panel, replace reuse Mingle: 147 Change-Id: I5678002ac84965a80f5e63635151032e6c293194 2014-03-17 08:07:53 +00:00			`/* @embed */`
build: Introduce stylelint and make pass Change-Id: I6f97359c6f34f2e5687ce91ab9926c493e613bf5 2016-07-18 14:24:02 +00:00			`background-image: url( img/link.svg );`
Use upstream CopyTextLayout in share/embed/download panels Results in small UI changes, but allows us to delete a lot of code duplication. Depends-On: I9049f5a1c0d88680fc4a174e390dd08e27c0eee2 Change-Id: Iebe7bdc8a026b929a35e823d8107d90e7bb62b82 2019-05-23 14:27:43 +00:00			`background-size: 1em;`
Reuse dialog styling Adjustments of several styling aspects for the reuse file panel: * Border style and colours to match the ones used in similar borders and Agora style * Highlight the trigger also on hover * Tweak the margins to avoid info on the embed panel to appear next to the edge. Change-Id: I3a5448e3e81006ae35d2c18a9b2cbc2a6598210e 2014-03-20 13:52:39 +00:00			`background-position: left center;`
Add share panel, replace reuse Mingle: 147 Change-Id: I5678002ac84965a80f5e63635151032e6c293194 2014-03-17 08:07:53 +00:00			`background-repeat: no-repeat;`

			`&:hover {`
			`/* @embed */`
build: Introduce stylelint and make pass Change-Id: I6f97359c6f34f2e5687ce91ab9926c493e613bf5 2016-07-18 14:24:02 +00:00			`background-image: url( img/link-hover.svg );`
Add share panel, replace reuse Mingle: 147 Change-Id: I5678002ac84965a80f5e63635151032e6c293194 2014-03-17 08:07:53 +00:00			`text-decoration: none;`
			`}`
			`}`