mediawiki-extensions-WikiEd.../modules/realtimepreview/ManualWidget.less

@import 'mediawiki.skin.variables.less';

.ext-WikiEditor-ManualWidget {
	background-color: @background-color-neutral;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-color: @border-color-subtle;
	border-width: @border-width-base 0;
	border-style: @border-style-base;
	padding: 14px 24px;
	position: relative;
	color: inherit;

	&:hover {
		text-decoration: none;
	}

	.oo-ui-iconElement-icon {
		position: relative;
		margin-right: 1em;
	}

	.ext-WikiEditor-realtimepreview-manual-reload {
		margin-left: auto;
		font-weight: @font-weight-bold;
		color: @color-progressive;
	}

	&.oo-ui-widget-disabled .ext-WikiEditor-realtimepreview-manual-reload {
		color: @color-disabled;
	}

	&.oo-ui-widget-disabled:active {
		color: inherit;
	}
}
styles: Replace 'mediawiki.ui/variables' call with skin variables Replacing 'mediawiki.ui/variables.less' @import with new skin-aware 'mediawiki.skin.variables.less' standard. Also - replacing several static values with new Codex design token featuring skin variables. - reinstate static values only on resizeable drag bar. This is not a standardized component yet and will be revisited with further Codex component definitions in future. Bump required MediaWiki core version to v1.41.0. Bug: T319381 Bug: T332541 Change-Id: I323561894ddf23aa89f51439fc9df2b7642eaca5 2023-03-20 09:48:17 +00:00			`@import 'mediawiki.skin.variables.less';`
Realtime Preview: display manual-reload bar when previews are slow After three slow preview requests, switch to showing a bar at the top of the preview area that contains a manual 'reload' button. The manual bar will be hidden when an error message is show, but re-shown again after the error is dismissed. Closing and re-opening the preview pane doesn't reset the manual mode. Bug: T304568 Change-Id: Ia72bd1ceab68fdaed5de53137bd8ac5961db4714 2022-04-06 02:48:31 +00:00
			`.ext-WikiEditor-ManualWidget {`
ManualWidget: Added design token for dark mode compatibility A previous comment said design token "background-color-interactive" was unsuitable for the given context, so using "background-color-neutral" design token instead. Change-Id: I614369dcb402fdd7368be5996f3bb9720ad780b5 2024-09-20 17:16:35 +00:00			`background-color: @background-color-neutral;`
Realtime Preview: display manual-reload bar when previews are slow After three slow preview requests, switch to showing a bar at the top of the preview area that contains a manual 'reload' button. The manual bar will be hidden when an error message is show, but re-shown again after the error is dismissed. Closing and re-opening the preview pane doesn't reset the manual mode. Bug: T304568 Change-Id: Ia72bd1ceab68fdaed5de53137bd8ac5961db4714 2022-04-06 02:48:31 +00:00			`display: flex;`
			`align-items: center;`
			`justify-content: space-between;`
styles: Replace 'mediawiki.ui/variables' call with skin variables Replacing 'mediawiki.ui/variables.less' @import with new skin-aware 'mediawiki.skin.variables.less' standard. Also - replacing several static values with new Codex design token featuring skin variables. - reinstate static values only on resizeable drag bar. This is not a standardized component yet and will be revisited with further Codex component definitions in future. Bump required MediaWiki core version to v1.41.0. Bug: T319381 Bug: T332541 Change-Id: I323561894ddf23aa89f51439fc9df2b7642eaca5 2023-03-20 09:48:17 +00:00			`border-color: @border-color-subtle;`
			`border-width: @border-width-base 0;`
			`border-style: @border-style-base;`
Realtime Preview: Make whole manual-loading bar clickable Make the manual-mode loading bar clickable by turing it all into an anchor element with various mixins for functionality. Also adds a tooltip to the whole bar, and makes the same accesskey work (including when the preview pane is closed). Bug: T306590 Bug: T306906 Bug: T306880 Change-Id: I915a430300c75256d89b929e3925d0ea714807bb 2022-04-21 08:00:03 +00:00			`padding: 14px 24px;`
			`position: relative;`
			`color: inherit;`
Realtime Preview: display manual-reload bar when previews are slow After three slow preview requests, switch to showing a bar at the top of the preview area that contains a manual 'reload' button. The manual bar will be hidden when an error message is show, but re-shown again after the error is dismissed. Closing and re-opening the preview pane doesn't reset the manual mode. Bug: T304568 Change-Id: Ia72bd1ceab68fdaed5de53137bd8ac5961db4714 2022-04-06 02:48:31 +00:00
Realtime Preview: Make whole manual-loading bar clickable Make the manual-mode loading bar clickable by turing it all into an anchor element with various mixins for functionality. Also adds a tooltip to the whole bar, and makes the same accesskey work (including when the preview pane is closed). Bug: T306590 Bug: T306906 Bug: T306880 Change-Id: I915a430300c75256d89b929e3925d0ea714807bb 2022-04-21 08:00:03 +00:00			`&:hover {`
			`text-decoration: none;`
			`}`

			`.oo-ui-iconElement-icon {`
			`position: relative;`
Realtime Preview: display manual-reload bar when previews are slow After three slow preview requests, switch to showing a bar at the top of the preview area that contains a manual 'reload' button. The manual bar will be hidden when an error message is show, but re-shown again after the error is dismissed. Closing and re-opening the preview pane doesn't reset the manual mode. Bug: T304568 Change-Id: Ia72bd1ceab68fdaed5de53137bd8ac5961db4714 2022-04-06 02:48:31 +00:00			`margin-right: 1em;`
			`}`

Realtime Preview: Make whole manual-loading bar clickable Make the manual-mode loading bar clickable by turing it all into an anchor element with various mixins for functionality. Also adds a tooltip to the whole bar, and makes the same accesskey work (including when the preview pane is closed). Bug: T306590 Bug: T306906 Bug: T306880 Change-Id: I915a430300c75256d89b929e3925d0ea714807bb 2022-04-21 08:00:03 +00:00			`.ext-WikiEditor-realtimepreview-manual-reload {`
Realtime Preview: display manual-reload bar when previews are slow After three slow preview requests, switch to showing a bar at the top of the preview area that contains a manual 'reload' button. The manual bar will be hidden when an error message is show, but re-shown again after the error is dismissed. Closing and re-opening the preview pane doesn't reset the manual mode. Bug: T304568 Change-Id: Ia72bd1ceab68fdaed5de53137bd8ac5961db4714 2022-04-06 02:48:31 +00:00			`margin-left: auto;`
styles: Replace 'mediawiki.ui/variables' call with skin variables Replacing 'mediawiki.ui/variables.less' @import with new skin-aware 'mediawiki.skin.variables.less' standard. Also - replacing several static values with new Codex design token featuring skin variables. - reinstate static values only on resizeable drag bar. This is not a standardized component yet and will be revisited with further Codex component definitions in future. Bump required MediaWiki core version to v1.41.0. Bug: T319381 Bug: T332541 Change-Id: I323561894ddf23aa89f51439fc9df2b7642eaca5 2023-03-20 09:48:17 +00:00			`font-weight: @font-weight-bold;`
			`color: @color-progressive;`
Realtime Preview: Make whole manual-loading bar clickable Make the manual-mode loading bar clickable by turing it all into an anchor element with various mixins for functionality. Also adds a tooltip to the whole bar, and makes the same accesskey work (including when the preview pane is closed). Bug: T306590 Bug: T306906 Bug: T306880 Change-Id: I915a430300c75256d89b929e3925d0ea714807bb 2022-04-21 08:00:03 +00:00			`}`

			`&.oo-ui-widget-disabled .ext-WikiEditor-realtimepreview-manual-reload {`
styles: Replace 'mediawiki.ui/variables' call with skin variables Replacing 'mediawiki.ui/variables.less' @import with new skin-aware 'mediawiki.skin.variables.less' standard. Also - replacing several static values with new Codex design token featuring skin variables. - reinstate static values only on resizeable drag bar. This is not a standardized component yet and will be revisited with further Codex component definitions in future. Bump required MediaWiki core version to v1.41.0. Bug: T319381 Bug: T332541 Change-Id: I323561894ddf23aa89f51439fc9df2b7642eaca5 2023-03-20 09:48:17 +00:00			`color: @color-disabled;`
Realtime Preview: Make whole manual-loading bar clickable Make the manual-mode loading bar clickable by turing it all into an anchor element with various mixins for functionality. Also adds a tooltip to the whole bar, and makes the same accesskey work (including when the preview pane is closed). Bug: T306590 Bug: T306906 Bug: T306880 Change-Id: I915a430300c75256d89b929e3925d0ea714807bb 2022-04-21 08:00:03 +00:00			`}`

			`&.oo-ui-widget-disabled:active {`
			`color: inherit;`
Realtime Preview: display manual-reload bar when previews are slow After three slow preview requests, switch to showing a bar at the top of the preview area that contains a manual 'reload' button. The manual bar will be hidden when an error message is show, but re-shown again after the error is dismissed. Closing and re-opening the preview pane doesn't reset the manual mode. Bug: T304568 Change-Id: Ia72bd1ceab68fdaed5de53137bd8ac5961db4714 2022-04-06 02:48:31 +00:00			`}`
			`}`