mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/dialogs/ve.ui.MWTransclusionDialog.css

/*!
 * VisualEditor MediaWiki UserInterface MWTransclusionDialog styles.
 *
 * @copyright See AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */

.ve-ui-mwTemplateDialog .mw-widget-titleWidget-menu-withDescriptions .mw-widget-titleOptionWidget .oo-ui-labelElement-label {
	font-weight: bold;
}

.ve-ui-mwTemplateDialog .mw-widget-titleWidget-menu-withDescriptions .mw-widget-titleOptionWidget .oo-ui-labelElement-label .oo-ui-labelElement-label-highlight {
	font-weight: normal;
}

.ve-ui-mwTemplateTitleInputWidget-redirectedfrom {
	font-style: italic;
}

.ve-ui-mwTransclusionDialog-single-transclusion .ve-ui-mwTransclusionOutlineWidget .ve-ui-mwTransclusionOutlinePartWidget .ve-ui-mwTransclusionOutlineButtonWidget {
	display: none;
}

.ve-ui-mwTransclusionDialog-single-transclusion .ve-ui-mwTransclusionOutlineWidget .ve-ui-mwTransclusionOutlinePartWidget .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
	margin-top: -8px;
	margin-bottom: 8px;
	padding-top: 8px;
}

.ve-ui-mwTransclusionDialog-single-transclusion .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
	margin: 24px;
}

.ve-ui-mwTemplateDialog.ve-ui-mwTransclusionDialog-small-screen.ve-ui-mwTransclusionDialog-expanded .oo-ui-menuLayout > .oo-ui-menuLayout-menu {
	border-right: 0;
	width: 100%;
}

.ve-ui-mwTemplateDialog.ve-ui-mwTransclusionDialog-small-screen.ve-ui-mwTransclusionDialog-expanded .oo-ui-menuLayout > .oo-ui-menuLayout-content {
	display: none;
}

.ve-ui-mwTransclusionDialog-floatingHelpElement {
	position: absolute;
	right: 16px;
	bottom: 16px;
}

.ve-ui-mwTransclusionDialog-small-screen .ve-ui-mwTransclusionDialog-floatingHelpElement {
	display: none;
}

.ve-ui-mwTransclusionDialog-floatingHelpElement-fieldsetLayout label {
	margin-bottom: 16px;
}

.ve-ui-mwTransclusionDialog-floatingHelpElement-fieldsetLayout .oo-ui-buttonWidget {
	width: 100%;
}
Split out omnibus CSS files Change-Id: I195a0e4091cf2d003c325e9c653dd634e7096779 2014-03-18 20:52:39 +00:00			`/*!`
			`* VisualEditor MediaWiki UserInterface MWTransclusionDialog styles.`
			`*`
Move verbose copyright message to AUTHORS.txt Avoids having to update the date in every file every year, which we stopped doing. Change-Id: I7bf7aa0937eef911e00772470091753a7b06fd3d 2023-12-01 16:06:11 +00:00			`* @copyright See AUTHORS.txt`
Split out omnibus CSS files Change-Id: I195a0e4091cf2d003c325e9c653dd634e7096779 2014-03-18 20:52:39 +00:00			`* @license The MIT License (MIT); see LICENSE.txt`
			`*/`

Remove $wgVisualEditorTemplateSearchImprovements feature flag The feature is always enabled now. Bug: T307188 Change-Id: I34a3db44355d93413f611b99cd80b876d8737413 2022-06-10 15:04:19 +00:00			`.ve-ui-mwTemplateDialog .mw-widget-titleWidget-menu-withDescriptions .mw-widget-titleOptionWidget .oo-ui-labelElement-label {`
Invert template search result highlighting Bug: T275048 Change-Id: I50fc7407b4357e2cea9d5421d0de46a81d39c69d 2021-05-10 12:56:03 +00:00			`font-weight: bold;`
			`}`

Remove $wgVisualEditorTemplateSearchImprovements feature flag The feature is always enabled now. Bug: T307188 Change-Id: I34a3db44355d93413f611b99cd80b876d8737413 2022-06-10 15:04:19 +00:00			`.ve-ui-mwTemplateDialog .mw-widget-titleWidget-menu-withDescriptions .mw-widget-titleOptionWidget .oo-ui-labelElement-label .oo-ui-labelElement-label-highlight {`
Invert template search result highlighting Bug: T275048 Change-Id: I50fc7407b4357e2cea9d5421d0de46a81d39c69d 2021-05-10 12:56:03 +00:00			`font-weight: normal;`
			`}`

Show redirects as part of description in template search These are the most minimal (and therefor most stable, hopefully) hacks I could come up with so far. Bug: T274903 Change-Id: I28ba414dd34aad756e29400eb656f0942291a923 2021-05-19 16:51:48 +00:00			`.ve-ui-mwTemplateTitleInputWidget-redirectedfrom {`
			`font-style: italic;`
			`}`

Lessy-fying OutlinePartWidget and OutlineButtonWidget rules Using a certain amount of depth to make sure to override OOUI specificity. More can be done in follow ups. Change-Id: I1edc5db98d16a4c0de8abd7f705776fb9eb65b97 2022-07-07 20:37:44 +00:00			`.ve-ui-mwTransclusionDialog-single-transclusion .ve-ui-mwTransclusionOutlineWidget .ve-ui-mwTransclusionOutlinePartWidget .ve-ui-mwTransclusionOutlineButtonWidget {`
Make sidebar header and search field sticky during scroll The search field will stay at the top of the window while scrolling a single template. In multi-part transclusions, the header will also be sticky. Hides the template header in single-part transclusions. Bug: T298618 Change-Id: Ib050e30a50ef965c1524e977d3a600c3ff836774 2022-01-13 09:47:24 +00:00			`display: none;`
			`}`

Lessy-fying OutlinePartWidget and OutlineButtonWidget rules Using a certain amount of depth to make sure to override OOUI specificity. More can be done in follow ups. Change-Id: I1edc5db98d16a4c0de8abd7f705776fb9eb65b97 2022-07-07 20:37:44 +00:00			`.ve-ui-mwTransclusionDialog-single-transclusion .ve-ui-mwTransclusionOutlineWidget .ve-ui-mwTransclusionOutlinePartWidget .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {`
Defer creating template parameter search when it's not needed From the user's perspective this is the same as before: When a template doesn't have any parameters, there is no search field. The moment the first (undocumented) parameter is added the search field appears. This is just delayed now. The widgets are only created the moment they are actually needed. This saves loading time and memory, especially in a multi-part transclusion with many zero-parameter templates. This also makes it a lot easier to change the minimal number of parameters from 1 to e.g. 4. Includes reverting the flexible header composition done in Ib050e30a50ef965c1524e977d3a600c3ff836774 Bug: T298259 Change-Id: Ied7541d8d5c0b478a439dd31ce072e634287f181 2022-01-14 16:18:00 +00:00			`margin-top: -8px;`
Fix spacing between sticky find bar and field list Bug: T300899 Change-Id: Ieac47d58eb1037edcd82e0d7ee5c98e125c4e78c 2022-02-03 17:17:59 +00:00			`margin-bottom: 8px;`
Defer creating template parameter search when it's not needed From the user's perspective this is the same as before: When a template doesn't have any parameters, there is no search field. The moment the first (undocumented) parameter is added the search field appears. This is just delayed now. The widgets are only created the moment they are actually needed. This saves loading time and memory, especially in a multi-part transclusion with many zero-parameter templates. This also makes it a lot easier to change the minimal number of parameters from 1 to e.g. 4. Includes reverting the flexible header composition done in Ib050e30a50ef965c1524e977d3a600c3ff836774 Bug: T298259 Change-Id: Ied7541d8d5c0b478a439dd31ce072e634287f181 2022-01-14 16:18:00 +00:00			`padding-top: 8px;`
			`}`

Lessy-fying OutlineTemplateWidget rules Also renaming one class for convenience. Change-Id: I0ef079ca40d061f5f2cde0eafdd04737d63c370f 2022-07-08 05:33:08 +00:00			`.ve-ui-mwTransclusionDialog-single-transclusion .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {`
Move obvious Outline related CSS into own file Should be a noop. Also moving one rule further up to the set of similar selectors. Removing one rule that was disabled for some time now. Optimizations follow. Change-Id: I8da70a52c13afd8ac1c3ff43bae63a203c3bf86a 2022-07-07 20:05:09 +00:00			`margin: 24px;`
			`}`

Remove $wgVisualEditorTransclusionDialogInlineDescriptions feature flag The feature is always enabled now. Bug: T307188 Change-Id: Id8b39d44901dee9118837fc4670d7faa4ef19b43 2022-06-10 15:15:18 +00:00			`.ve-ui-mwTemplateDialog.ve-ui-mwTransclusionDialog-small-screen.ve-ui-mwTransclusionDialog-expanded .oo-ui-menuLayout > .oo-ui-menuLayout-menu {`
Remove unwanted scrollbar in responsive template dialog I get a scrollbar at the bottom of the sidebar. The reason is that the container's width is 100% + 1px. The extra pixel is from the border, which is not needed in this mode. Bug: T274554 Change-Id: I4f749be6b9a7f89f9a7a195dc66c5c18253b1327 2021-08-09 16:28:56 +00:00			`border-right: 0;`
Make the sidebar in the transclusion dialog responsive Bug: T274554 Change-Id: I51e988e6fb0e50c9d542400471152807626539ea 2021-07-23 15:07:39 +00:00			`width: 100%;`
			`}`

Remove $wgVisualEditorTransclusionDialogInlineDescriptions feature flag The feature is always enabled now. Bug: T307188 Change-Id: Id8b39d44901dee9118837fc4670d7faa4ef19b43 2022-06-10 15:15:18 +00:00			`.ve-ui-mwTemplateDialog.ve-ui-mwTransclusionDialog-small-screen.ve-ui-mwTransclusionDialog-expanded .oo-ui-menuLayout > .oo-ui-menuLayout-content {`
Hide content pane on narrow screens when sidebar is expanded Before, the content pane (the right half of the dialog) was moved to the right, outside of the visible viewport. But it was still active and could i.e. be navigated to via the tab key. Only truly hiding it solves this issue. Bug: T274554 Change-Id: I8925a9cca0099528aca8e98452816b5f9dd23a76 2021-09-09 13:06:52 +00:00			`display: none;`
Make the sidebar in the transclusion dialog responsive Bug: T274554 Change-Id: I51e988e6fb0e50c9d542400471152807626539ea 2021-07-23 15:07:39 +00:00			`}`

Implement floating help dialog for templates Bug: T294839 Change-Id: Id224b61bd0cd57f5e970ab62db2d82dab1db9252 2021-11-04 17:48:36 +00:00			`.ve-ui-mwTransclusionDialog-floatingHelpElement {`
			`position: absolute;`
Update styling for the floating help button Bug: T310762 Change-Id: I2f8d668caad224b51e095ba423a761014a5a994e 2022-07-06 13:43:13 +00:00			`right: 16px;`
			`bottom: 16px;`
Implement floating help dialog for templates Bug: T294839 Change-Id: Id224b61bd0cd57f5e970ab62db2d82dab1db9252 2021-11-04 17:48:36 +00:00			`}`

Hide the floating help button on small screens Bug: T307981 Change-Id: I7c1776f95f22e9c81b559f25ad97616d2f1a8dc2 2022-05-12 04:30:08 +00:00			`.ve-ui-mwTransclusionDialog-small-screen .ve-ui-mwTransclusionDialog-floatingHelpElement {`
			`display: none;`
			`}`

Implement floating help dialog for templates Bug: T294839 Change-Id: Id224b61bd0cd57f5e970ab62db2d82dab1db9252 2021-11-04 17:48:36 +00:00			`.ve-ui-mwTransclusionDialog-floatingHelpElement-fieldsetLayout label {`
			`margin-bottom: 16px;`
			`}`
Use a fullscreen help dialog for templates on mobile Bug: T294839 Change-Id: I1effb6ea70bcf5e9ce4e84e65431765d0d2f8125 2021-11-09 16:47:43 +00:00
			`.ve-ui-mwTransclusionDialog-floatingHelpElement-fieldsetLayout .oo-ui-buttonWidget {`
			`width: 100%;`
			`}`