mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-14 07:21:36 +00:00
6da5b9269b
Both the template description as well as the parameter description (including default value and examples) typically contain longer texts. These can contain longer words that "explode" the design. This is trivial to avoid. Note this is not meant to fix this issue in all places where it can appear. For example, a long parameter name causes the same issue. But: * Technically, it's not that easy to fix. * Even if, it's not obvious how to fix it. Cut off the container? Add ellipsis? Or wrap? How should the surounding stuff float then? This is all left out because of this. Focus on what's obvious. Bug: T284890 Change-Id: Id6700af168f5ab5ddde97d3f5ae63829b65a3be5
122 lines
2.4 KiB
CSS
122 lines
2.4 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 {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
line-height: 1.705em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-statusIndicator {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-doc {
|
|
font-size: 0.9em;
|
|
line-height: 1.5em;
|
|
overflow-wrap: break-word;
|
|
padding: 0.25em 1em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-inlineDescription {
|
|
position: relative;
|
|
}
|
|
|
|
.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;
|
|
}
|