mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-16 10:59:56 +00:00
5e2b7506b6
The MWParameterSearchWidget that shows a list of all available template parameters displays the (human-readable) label and description of each parameter (both given via <templatedata>), as well as the parameter's internal name and aliases, if there are any. This turns out to be non-helpful in the majority of situations: * When there is no <templatedata> yet, there are no labels. Instead, the names are used as labels, which means they are *all* identical and everything is shown twice. * The same happens when manually adding an "unknown field". Simply start typing, and you can add parameters with any name. What you type is shown twice (actually 3 times, 1 time in the input field, 2 times in the result widget). * Many template parameters are already nice, human-readable. Even if <templatedata> exists and specifies labels, these labels are often identical to the names. There is no need to come up with something else if the name is already good enough. (Exception: Localizations, but these are rare.) Furthermore, this is a *search* result widget. The pretty much only reason the names and aliases are shown is because the user can search for them, and needs to understand why a parameter was found. This still works fine. For comparison, when a parameter is required you will *never* see it's name, because the parameter is always there, and never shows up as a search result. Change-Id: I6b1dca1c94b2c496930b5bfdfe1c6f76898faa2a
59 lines
1.3 KiB
CSS
59 lines
1.3 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki UserInterface MWParameterResultWidget styles.
|
|
*
|
|
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
.ve-ui-mwParameterResultWidget {
|
|
padding-right: 0.25em;
|
|
}
|
|
|
|
.ve-ui-mwParameterResultWidget.oo-ui-optionWidget-highlighted {
|
|
background-color: #e1f3ff;
|
|
}
|
|
|
|
.ve-ui-mwParameterResultWidget .oo-ui-optionWidget-icon {
|
|
top: 0.25em;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ve-ui-mwParameterResultWidget-label,
|
|
.ve-ui-mwParameterResultWidget-names,
|
|
.ve-ui-mwParameterResultWidget-description {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
/* HACK: Based on the expected width of this widget, using % produces unreliable results */
|
|
max-width: 33em;
|
|
}
|
|
|
|
.ve-ui-mwParameterResultWidget-label {
|
|
font-weight: bold;
|
|
float: left;
|
|
}
|
|
|
|
.ve-ui-mwParameterResultWidget-names {
|
|
float: right;
|
|
font-size: 0.9em;
|
|
padding: 0.2em 0;
|
|
}
|
|
|
|
.ve-ui-mwParameterResultWidget-name {
|
|
padding: 0.1em 0.25em;
|
|
margin-left: 0.5em;
|
|
color: #54595d;
|
|
background-color: #fff;
|
|
border: 1px solid #c8ccd1;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.ve-ui-mwParameterResultWidget-name.ve-ui-mwParameterResultWidget-alias {
|
|
background-color: #eaecf0;
|
|
}
|
|
|
|
.ve-ui-mwParameterResultWidget-description {
|
|
clear: both;
|
|
color: #54595d;
|
|
}
|