mediawiki-extensions-Echo/modules/styles/mw.echo.ui.ConfirmationPopupWidget.less

.mw-echo-ui-confirmationPopupWidget {
	position: relative;
	bottom: 1em;
	width: 100%;
	text-align: center;

	&-popup {
		background-color: #222;
		color: #fff;
		display: inline-block;
		border-radius: 2px;
		padding: 0.5em 1em;
		text-align: left;

		span {
			vertical-align: middle;
		}

		.oo-ui-iconElement-icon {
			display: inline-block;
			margin-right: 0.5em;
		}
	}
}
Add confirmation popup widget Mainly used for mobile actions, and should be appended to the overlay - this widget assumes it should appear and then fade out with some confirmation message. Also moved 'doubleCheck' icon to the ooui definitions, including an inverted icon that is necessary for this widget. Bug: T141404 Change-Id: I67a44962eaee6b7bd8cac26dcb5277177fa5d224 2016-08-23 20:57:04 +00:00			`.mw-echo-ui-confirmationPopupWidget {`
			`position: relative;`
			`bottom: 1em;`
			`width: 100%;`
			`text-align: center;`

			`&-popup {`
Align popup message color to toast message in MinervaNeue Toast messages carry now `#222`. This should be used here as well. Bug: T177723 Change-Id: I7e1f6c2e1937353b0485ed0b5c2737742c62e770 2017-10-08 05:38:29 +00:00			`background-color: #222;`
			`color: #fff;`
Add confirmation popup widget Mainly used for mobile actions, and should be appended to the overlay - this widget assumes it should appear and then fade out with some confirmation message. Also moved 'doubleCheck' icon to the ooui definitions, including an inverted icon that is necessary for this widget. Bug: T141404 Change-Id: I67a44962eaee6b7bd8cac26dcb5277177fa5d224 2016-08-23 20:57:04 +00:00			`display: inline-block;`
Replace outdated `border-radius` value with WikimediaUI one Change-Id: Iebfd55c8e7f52f207f45dc547fccaf89107e8a32 2017-08-18 00:22:57 +00:00			`border-radius: 2px;`
Add confirmation popup widget Mainly used for mobile actions, and should be appended to the overlay - this widget assumes it should appear and then fade out with some confirmation message. Also moved 'doubleCheck' icon to the ooui definitions, including an inverted icon that is necessary for this widget. Bug: T141404 Change-Id: I67a44962eaee6b7bd8cac26dcb5277177fa5d224 2016-08-23 20:57:04 +00:00			`padding: 0.5em 1em;`
			`text-align: left;`

			`span {`
			`vertical-align: middle;`
			`}`

			`.oo-ui-iconElement-icon {`
			`display: inline-block;`
			`margin-right: 0.5em;`
			`}`
			`}`
			`}`