mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-11 22:16:15 +00:00
0f309f5b90
The previous patch I15aa2c0 (approved by UX) was incomplete. The required indicator was still shown, depending on the skin. This patch also reduces the amount of generated HTML when it doesn't have an effect anyway. At the moment an empty <span></span> is generated for _every_ parameter in the dialog. That's potentially hundreds. But the element is only needed for deprecated and (in the old UI) required parameters. A missing space is added while we touch this code anyway. The missing whitespace between label and indicator icon is confirmed to be a bug by UX. Styles that are the same on all skins are moved to the .css file that's loaded for all skins. Missing word-wrapping for overly long template parameter names (on the right side of the dialog) is added. The position of the indicator icon was broken on Minerva the moment a parameter name is a bit longer. Fixed by replacing `inline-block` with `inline`. Bug: T290492 Change-Id: Ie346d88969cec2effaf90d328d08567ab7b7bf75
113 lines
2.3 KiB
CSS
113 lines
2.3 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki UserInterface MWParameterPage styles.
|
|
*
|
|
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
.ve-ui-mwParameterPage.oo-ui-pageLayout {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage.oo-ui-pageLayout:last-of-type {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage.oo-ui-pageLayout-active .ve-ui-mwParameterPage {
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-info {
|
|
float: left;
|
|
cursor: default;
|
|
padding-left: 2.5em;
|
|
width: 80%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-actions {
|
|
cursor: default;
|
|
position: absolute;
|
|
top: -0.3125em;
|
|
right: 4em; /* 1.5em for PanelLayout's padding + 2.5em */
|
|
width: 25%;
|
|
text-align: right;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-label {
|
|
font-size: 1.1em;
|
|
line-height: 1.705em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-doc {
|
|
font-size: 0.9em;
|
|
line-height: 1.5em;
|
|
overflow-wrap: break-word;
|
|
padding: 0.25em 1em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-inlineDescription .ve-ui-expandableContent-collapsible > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc {
|
|
font-size: inherit;
|
|
padding: 0 2.5em;
|
|
clear: both;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-doc-required,
|
|
.ve-ui-mwParameterPage-doc-deprecated,
|
|
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
|
|
font-style: italic;
|
|
color: #54595d;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-infoButton,
|
|
.ve-ui-mwParameterPage-removeButton {
|
|
display: none;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-infoButton .oo-ui-popupWidget {
|
|
z-index: 100;
|
|
text-align: left;
|
|
}
|
|
|
|
.oo-ui-pageLayout-active .ve-ui-mwParameterPage-infoButton,
|
|
.oo-ui-pageLayout-active .ve-ui-mwParameterPage-removeButton {
|
|
display: inline-block;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-field {
|
|
position: relative;
|
|
padding: 0.25em 2.5em 1em;
|
|
clear: both;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-field.ve-ui-mwParameterPage-inlineDescription {
|
|
padding: 0.25em 2.5em 2em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage .oo-ui-textInputWidget {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage .oo-ui-textInputWidget textarea {
|
|
height: 2.5em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-addUndocumented {
|
|
display: none;
|
|
margin: 1em 0 0.5em 0;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage:last-child .ve-ui-mwParameterPage-addUndocumented {
|
|
display: block;
|
|
}
|