wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-12-11 22:16:15 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/pages/ve.ui.MWParameterPage-default.css

64 lines
1.3 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
/*!
Split out omnibus CSS files Change-Id: I195a0e4091cf2d003c325e9c653dd634e7096779
2014-03-18 20:52:39 +00:00
* VisualEditor MediaWiki UserInterface MWParameterPage styles.
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
*
doc: Bump copyright year for 2020 Change-Id: I30539877543dc2a57bd1428a00d10ac46d8fc294
2020-01-08 17:13:04 +00:00
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
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
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwParameterPage.oo-ui-pageLayout {
padding-top: 0;
padding-bottom: 0;
ve.ui.MWParameterPage: Use more natural DOM order for text field and buttons OO.ui.BookletLayout does not respect tabindices when trying to focus the first focusable element after a page is switched. Remove the need for manually set tabindices in ve.ui.MWTemplateDialog by using natural DOM order and absolutely positioning things to keep current design. Bug: T114562 Change-Id: I7a18a455f9fa80eb3d2ea17bff8139e0194c0fbf
2015-10-04 18:39:16 +00:00
position: relative;
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
}
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-25 23:50:21 +00:00
.ve-ui-mwParameterPage-info {
float: left;
cursor: default;
width: 80%;
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
box-sizing: border-box;
}
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-25 23:50:21 +00:00
.ve-ui-mwParameterPage-label {
font-size: 1.1em;
MWParameterPage: Vertically align actions with label Also make label consistent height, with or without an indicator using line-height, and move closer to input. Change-Id: I1b6e6e2f3caa4c949583cafa9448aae6ebc1e0a1
2017-08-29 13:33:57 +00:00
line-height: 1.705em;
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
}
Internally rename container for parameter docs The name "description" conflicts with the TemplateData field name, which is only one of several documentation fields. Change-Id: I0942701204fe8499e8890740585b9a02c1d14c63
2021-04-26 08:41:56 +00:00
.ve-ui-mwParameterPage-doc {
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-25 23:50:21 +00:00
font-size: 0.9em;
Tighten spacing in VE template dialog Bug: T308646 Change-Id: Ic785838d76dfbe2f8b776e67ccccf47fca717205
2022-06-01 15:59:11 +00:00
line-height: 1.3em;
Add missing word wrapping to template/param descriptions 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
2021-06-16 12:26:01 +00:00
overflow-wrap: break-word;
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
}
Fix the show/hide button for the ExpandableContentElement on mobile Bug: T283943 Change-Id: I23ae2350dfb9100ed6604fc93628c616c41ab2e1
2021-06-26 13:27:52 +00:00
.ve-ui-mwParameterPage-inlineDescription .ve-ui-expandableContent-collapsible > :first-child {
margin-top: 0;
}
Add collapsible descriptions to the transclusion dialog Bug: T273426 Change-Id: I793a66f5c5877451b70058e9388dd86b3fcaadd7
2021-04-22 16:59:30 +00:00
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc {
Relocate parameter descriptions in the transclusion dialog Bug: T273425 Change-Id: I2044b65ba88ae00e394fb84cb8e96a218995918a
2021-04-15 10:55:09 +00:00
font-size: inherit;
Removed left padding in parameter description Bug: T299518 Change-Id: Iaa7118a111cfbc1856bbe7c1ff6917587ba6c395
2022-01-19 13:40:00 +00:00
padding: 0;
Relocate parameter descriptions in the transclusion dialog Bug: T273425 Change-Id: I2044b65ba88ae00e394fb84cb8e96a218995918a
2021-04-15 10:55:09 +00:00
clear: both;
}
Internally rename container for parameter docs The name "description" conflicts with the TemplateData field name, which is only one of several documentation fields. Change-Id: I0942701204fe8499e8890740585b9a02c1d14c63
2021-04-26 08:41:56 +00:00
.ve-ui-mwParameterPage-doc-required,
.ve-ui-mwParameterPage-doc-deprecated,
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
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-25 23:50:21 +00:00
font-style: italic;
Replace remaining greys/reds with WikimediaUI color palette colors Replacing remaining greys and reds apart Monobook/Apex specific stylesheets with WikimediaUI palette colors. Bug: T173459 Change-Id: I9b5b1c379bf76e8da57eeff28c7dd000f148a8fc
2017-08-16 20:42:24 +00:00
color: #54595d;
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
}
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-25 23:50:21 +00:00
.ve-ui-mwParameterPage-field {
position: relative;
clear: both;
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
}
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-25 23:50:21 +00:00
.ve-ui-mwParameterPage .oo-ui-textInputWidget {
display: inline-block;
vertical-align: top;
width: 100%;
box-sizing: border-box;
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
}
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-25 23:50:21 +00:00
.ve-ui-mwParameterPage .oo-ui-textInputWidget textarea {
height: 2.5em;
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
}
Reference in a new issue Copy permalink