mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-01 17:36:35 +00:00
2a46901832
This patch increases the width of the defaultsort field, a problem identified in bug 51012. It does this by adding a custom class in /modules/ve-mw/ui/pages/ve.ui.MWCategoriesPage.js called .ve-ui-mwCategoriesPage-defaultsort and then applying the style in modules/ve-mw/ui/styles/ve.ui.Page.css. The patch also increases the width of a field that was not addressed in the bug report, the page redirect field in the page settings page in the options dialog. This was done because, like the defaultsort field, this field takes as input page titles, which can sometimes be long. This was done by adding a style to modules/ve-mw/ui/styles/ve.ui.MWWidget using the .ve-ui-mwTitleInputWidget class, a class which had been added to the input field but didn't have any styles associated with it until this commit. In both fields, the width has been set to 30em. Bug: 51012 Change-Id: Ic24f0d20256a5d64075f9d2850215a03b8c8ae66
142 lines
2.7 KiB
CSS
142 lines
2.7 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.MWCategoriesPage */
|
|
|
|
.ve-ui-mwCategoriesPage-defaultsort {
|
|
width:30em;
|
|
}
|
|
|
|
/* 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-indicators,
|
|
.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: 86%;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage .oo-ui-textInputWidget textarea {
|
|
height: 2.5em;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-indicators,
|
|
.ve-ui-mwParameterPage-actions {
|
|
width: 7%;
|
|
padding: 0.33em 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-actions {
|
|
display: none;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage-more {
|
|
display: none;
|
|
margin: 1em 0 0.5em 0;
|
|
}
|
|
|
|
.ve-ui-mwParameterPage:last-child .ve-ui-mwParameterPage-more {
|
|
display: block;
|
|
}
|
|
|
|
/* ve.ui.TemplatePage */
|
|
|
|
.ve-ui-mwTemplatePage-more {
|
|
display: none;
|
|
margin: 2.25em 0 0.5em 0;
|
|
}
|
|
|
|
.ve-ui-mwTemplatePage:last-child .ve-ui-mwTemplatePage-more {
|
|
display: block;
|
|
}
|
|
|
|
.ve-ui-mwTemplatePage-description-missing {
|
|
font-style: italic;
|
|
}
|
|
|
|
/* ve.ui.MWTransclusionContentPage */
|
|
|
|
.ve-ui-mwTransclusionContentPage .oo-ui-textInputWidget {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.ve-ui-mwTransclusionContentPage .oo-ui-textInputWidget textarea {
|
|
height: 2.5em;
|
|
}
|