wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-30 00:55:00 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/ve.ui.MWPage.css

136 lines
2.6 KiB
CSS
Raw Normal View History

Redesign template parameter pages to be more space efficient * 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
2014-02-26 00:29:13 +00:00
/*!
* VisualEditor MediaWiki UserInterface Inspector styles.
*
* @copyright 2011-2014 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
Merge TransclusionDialogs into one * Automatically select single mode when possible * Allow dynamic switching when possible * Hide most of the controls and information when in single mode * Allow parameter model to be instantiated without name and value args * Place add param buttons at the bottom of template and param pages which are only visible when in single mode and on the last page Change-Id: Iaffbf1863b808c8089dfcf09a976d165f28c8b74
2014-03-04 22:56:14 +00:00
Redesign template parameter pages to be more space efficient * 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
2014-02-26 00:29:13 +00:00
/* 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,
Add required indicators to parameter pages Change-Id: I235af5feb1e02805f7844e51c9b1608341336749
2014-03-06 22:00:43 +00:00
.ve-ui-mwParameterPage-indicators,
Redesign template parameter pages to be more space efficient * 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
2014-02-26 00:29:13 +00:00
.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 {
Add required indicators to parameter pages Change-Id: I235af5feb1e02805f7844e51c9b1608341336749
2014-03-06 22:00:43 +00:00
width: 86%;
Redesign template parameter pages to be more space efficient * 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
2014-02-26 00:29:13 +00:00
}
.ve-ui-mwParameterPage .oo-ui-textInputWidget textarea {
height: 2.5em;
}
Add required indicators to parameter pages Change-Id: I235af5feb1e02805f7844e51c9b1608341336749
2014-03-06 22:00:43 +00:00
.ve-ui-mwParameterPage-indicators,
Redesign template parameter pages to be more space efficient * 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
2014-02-26 00:29:13 +00:00
.ve-ui-mwParameterPage-actions {
Add required indicators to parameter pages Change-Id: I235af5feb1e02805f7844e51c9b1608341336749
2014-03-06 22:00:43 +00:00
width: 7%;
Redesign template parameter pages to be more space efficient * 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
2014-02-26 00:29:13 +00:00
padding: 0.33em 0;
text-align: right;
}
Add required indicators to parameter pages Change-Id: I235af5feb1e02805f7844e51c9b1608341336749
2014-03-06 22:00:43 +00:00
.ve-ui-mwParameterPage-actions {
display: none;
}
Redesign template parameter pages to be more space efficient * 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
2014-02-26 00:29:13 +00:00
.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;
}
Make TransclusionContent inputs full width and autosize Also add classes to the other pages that don't have them yet for CSS targeting. Change-Id: I0415852f93a1c54f6370016a968fd9b67d9adc42
2014-02-28 01:18:49 +00:00
Merge TransclusionDialogs into one * Automatically select single mode when possible * Allow dynamic switching when possible * Hide most of the controls and information when in single mode * Allow parameter model to be instantiated without name and value args * Place add param buttons at the bottom of template and param pages which are only visible when in single mode and on the last page Change-Id: Iaffbf1863b808c8089dfcf09a976d165f28c8b74
2014-03-04 22:56:14 +00:00
.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;
}
Add fallback template description with link to template page Shown when there's no template data. Someday in the future, we will support adding a description inline. Not yet. Calm down. Change-Id: I18c0a591b60de53bc124d82c688d71d30ad1d5dd
2014-03-06 23:40:43 +00:00
.ve-ui-mwTemplatePage-description-missing {
font-style: italic;
}
Make TransclusionContent inputs full width and autosize Also add classes to the other pages that don't have them yet for CSS targeting. Change-Id: I0415852f93a1c54f6370016a968fd9b67d9adc42
2014-02-28 01:18:49 +00:00
/* ve.ui.MWTransclusionContentPage */
.ve-ui-mwTransclusionContentPage .oo-ui-textInputWidget {
display: block;
width: 100%;
}
.ve-ui-mwTransclusionContentPage .oo-ui-textInputWidget textarea {
height: 2.5em;
}
Reference in a new issue Copy permalink