mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/pages/ve.ui.MWParameterPage.css
Trevor Parscal 853e4872b4 Restyle parameter pages
* Move description to a popup behind a little info icon button
* Make required indicator generic status indicator (required/deprecated)
  and move to left of the field
* Move param name and actions to above the field
* Show deprecated status and description

Bonus:

* Use auto-focus on CitationDialog (whoops!)
* Make pages that aren't meant to scroll not scroll (whoops again!?)

Depends on I59211b2 in OOUI

Bug: 53612
Change-Id: I3b968ad14aa6c43b6484e2565a9367d2ebc72fc5
2014-04-30 16:27:19 -07:00

109 lines
2.1 KiB
CSS

/*!
* VisualEditor MediaWiki UserInterface MWParameterPage styles.
*
* @copyright 2011-2014 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;
}
.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-info {
float: left;
cursor: default;
padding-left: 2.5em;
width: 80%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ve-ui-mwParameterPage-actions {
float: right;
cursor: default;
padding-right: 2.5em;
width: 20%;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ve-ui-mwParameterPage-label {
display: inline;
vertical-align: middle;
font-size: 1.1em;
font-weight: bold;
}
.ve-ui-mwParameterPage-statusIndicator {
display: inline-block;
vertical-align: middle;
opacity: 0.5;
}
.ve-ui-mwParameterPage-description {
font-size: 0.9em;
line-height: 1.5em;
padding: 0.25em 1em;
}
.ve-ui-mwParameterPage-description-required,
.ve-ui-mwParameterPage-description-deprecated {
font-style: italic;
color: #555;
}
.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.75em 2.5em;
clear: both;
}
.ve-ui-mwParameterPage .oo-ui-textInputWidget {
display: inline-block;
vertical-align: top;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ve-ui-mwParameterPage .oo-ui-textInputWidget textarea {
height: 2.5em;
}
.ve-ui-mwParameterPage-more {
display: none;
margin: 1em 0 0.5em 0;
}
.ve-ui-mwParameterPage:last-child .ve-ui-mwParameterPage-more {
display: block;
}