mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/widgets/ve.ui.MWTransclusionOutlineControlsWidget.less

.ve-ui-mwTransclusionOutlineControlsWidget {
	background-color: #fff; // @background-color-base; aka @wmui-color-base100;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2.5em;
	// @border-dialog-bar
	border-top: 1px solid #c8ccd1;
	padding: 2px;
	display: flex;
	align-items: flex-start;
	justify-content: left;

	&-items,
	&-movers {
		box-sizing: border-box;

		> .oo-ui-buttonWidget.oo-ui-iconElement {
			// Override OOUI defaults
			margin-left: 4px;
			margin-right: 0;
		}
	}

	&-items > .oo-ui-buttonWidget:first-child {
		margin-left: 0;
	}

	&-movers > .oo-ui-buttonWidget:nth-child( 2 ) {
		// Move arrow controls closer together
		margin-left: -4px;
	}
}
Fork OutlineControlsWidget Bug: T311223 Change-Id: Id2f9fc89c607c8001e8b150add1ffbcaa318993a 2022-06-22 11:59:22 +00:00			`.ve-ui-mwTransclusionOutlineControlsWidget {`
			`background-color: #fff; // @background-color-base; aka @wmui-color-base100;`
Cleanup CSS for the forked OutlineControls Includes moving CSS that already moved from the TemplateDialog CSS file to the DialogLayout LESS file. Width and height had no effect. Neither on desktop/mobile. I guess the control's height covers for that. Float could be removed due to the flex layout. Some more specific rules could cover for the !important overrides. Change-Id: I7f22e4be37c8f227845aed97281faefe26241091 2022-06-27 18:32:15 +00:00			`position: absolute;`
			`bottom: 0;`
			`left: 0;`
			`right: 0;`
			`height: 2.5em;`
			`// @border-dialog-bar`
			`border-top: 1px solid #c8ccd1;`
			`padding: 2px;`
			`display: flex;`
			`align-items: flex-start;`
			`justify-content: left;`

Fork OutlineControlsWidget Bug: T311223 Change-Id: Id2f9fc89c607c8001e8b150add1ffbcaa318993a 2022-06-22 11:59:22 +00:00			`&-items,`
			`&-movers {`
			`box-sizing: border-box;`

Simplify OutlineControls CSS a little more This is a direct follow-up to I7f22e4b. I found that the way the margins have been arranged became a little more complicated with I7f22e4b. This patch tries to go back to the – I think – simpler way it was done before. It should look the same as before down to the pixel. Bug: T311223 Change-Id: I2c7789922078fa98f15f0b65de4c0efdf878a13a 2022-06-28 08:47:05 +00:00			`> .oo-ui-buttonWidget.oo-ui-iconElement {`
Cleanup CSS for the forked OutlineControls Includes moving CSS that already moved from the TemplateDialog CSS file to the DialogLayout LESS file. Width and height had no effect. Neither on desktop/mobile. I guess the control's height covers for that. Float could be removed due to the flex layout. Some more specific rules could cover for the !important overrides. Change-Id: I7f22e4be37c8f227845aed97281faefe26241091 2022-06-27 18:32:15 +00:00			`// Override OOUI defaults`
Simplify OutlineControls CSS a little more This is a direct follow-up to I7f22e4b. I found that the way the margins have been arranged became a little more complicated with I7f22e4b. This patch tries to go back to the – I think – simpler way it was done before. It should look the same as before down to the pixel. Bug: T311223 Change-Id: I2c7789922078fa98f15f0b65de4c0efdf878a13a 2022-06-28 08:47:05 +00:00			`margin-left: 4px;`
			`margin-right: 0;`
Fork OutlineControlsWidget Bug: T311223 Change-Id: Id2f9fc89c607c8001e8b150add1ffbcaa318993a 2022-06-22 11:59:22 +00:00			`}`
			`}`

Simplify OutlineControls CSS a little more This is a direct follow-up to I7f22e4b. I found that the way the margins have been arranged became a little more complicated with I7f22e4b. This patch tries to go back to the – I think – simpler way it was done before. It should look the same as before down to the pixel. Bug: T311223 Change-Id: I2c7789922078fa98f15f0b65de4c0efdf878a13a 2022-06-28 08:47:05 +00:00			`&-items > .oo-ui-buttonWidget:first-child {`
			`margin-left: 0;`
Fork OutlineControlsWidget Bug: T311223 Change-Id: Id2f9fc89c607c8001e8b150add1ffbcaa318993a 2022-06-22 11:59:22 +00:00			`}`

Simplify OutlineControls CSS a little more This is a direct follow-up to I7f22e4b. I found that the way the margins have been arranged became a little more complicated with I7f22e4b. This patch tries to go back to the – I think – simpler way it was done before. It should look the same as before down to the pixel. Bug: T311223 Change-Id: I2c7789922078fa98f15f0b65de4c0efdf878a13a 2022-06-28 08:47:05 +00:00			`&-movers > .oo-ui-buttonWidget:nth-child( 2 ) {`
Cleanup CSS for the forked OutlineControls Includes moving CSS that already moved from the TemplateDialog CSS file to the DialogLayout LESS file. Width and height had no effect. Neither on desktop/mobile. I guess the control's height covers for that. Float could be removed due to the flex layout. Some more specific rules could cover for the !important overrides. Change-Id: I7f22e4be37c8f227845aed97281faefe26241091 2022-06-27 18:32:15 +00:00			`// Move arrow controls closer together`
Simplify OutlineControls CSS a little more This is a direct follow-up to I7f22e4b. I found that the way the margins have been arranged became a little more complicated with I7f22e4b. This patch tries to go back to the – I think – simpler way it was done before. It should look the same as before down to the pixel. Bug: T311223 Change-Id: I2c7789922078fa98f15f0b65de4c0efdf878a13a 2022-06-28 08:47:05 +00:00			`margin-left: -4px;`
Fork OutlineControlsWidget Bug: T311223 Change-Id: Id2f9fc89c607c8001e8b150add1ffbcaa318993a 2022-06-22 11:59:22 +00:00			`}`
			`}`