mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-09-27 04:06:51 +00:00
cb5a9b948c
* Show label, input and remove control on a single line * Right align label to conserve vertical space without sacrificing fill-out speed * Show description in gray text below the input * Show remove button only when page is active * Make description lighter when page is innactive Change-Id: Iaa09f3bf909ccd415de7af8f428495fef3046893
96 lines
1.9 KiB
CSS
96 lines
1.9 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki UserInterface Inspector styles.
|
|
*
|
|
* @copyright 2011-2014 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/* ve.ui.MWParameterPage */
|
|
|
|
.ve-ui-mwParameterPage.oo-ui-pageLayout {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.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: #f3f3f3;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-label,
|
|
.ve-ui-mwParameterPage-field,
|
|
.ve-ui-mwParameterPage-info,
|
|
.ve-ui-mwParameterPage-actions,
|
|
.ve-ui-mwParameterPage .oo-ui-textInputWidget {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-label {
|
|
width: 20%;
|
|
padding: 1.33em 1em;
|
|
text-align: right;
|
|
cursor: default;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-field {
|
|
width: 80%;
|
|
position: relative;
|
|
padding-top: 0.75em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage .oo-ui-textInputWidget {
|
|
width: 90%;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage .oo-ui-textInputWidget textarea {
|
|
height: 2.5em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-actions {
|
|
display: none;
|
|
width: 10%;
|
|
padding: 0.33em 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage.oo-ui-pageLayout-active .ve-ui-mwParameterPage-actions {
|
|
display: inline-block;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-info {
|
|
position: relative;
|
|
width: 90%;
|
|
padding-bottom: 0.75em;
|
|
cursor: default;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-description {
|
|
color: #ddd;
|
|
font-size: 0.9em;
|
|
line-height: 1.5em;
|
|
height: 1.5em;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
-webkit-transition: color 200ms;
|
|
-moz-transition: color 200ms;
|
|
-o-transition: color 200ms;
|
|
transition: color 200ms;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-description-all {
|
|
height: auto;
|
|
white-space: normal;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage.oo-ui-pageLayout-active .ve-ui-mwParameterPage-description {
|
|
color: #999;
|
|
}
|