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

90 lines
1.9 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
}
.ve-ui-mwParameterPage.oo-ui-pageLayout:last-of-type {
margin-bottom: 1.5em;
}
.ve-ui-mwParameterPage.oo-ui-pageLayout-active .ve-ui-mwParameterPage {
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
background-color: #f8f9fa;
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;
padding-left: 2.5em;
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;
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
padding: 0.25em 1em;
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;
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
padding: 0.25em 2.5em 1em;
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
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
}
Increase space between fields when using inline descriptions Bug: T273425 Change-Id: I3bf31622dbf794e1de1fa69b4fac68114c5689f7
2021-04-20 16:27:03 +00:00
.ve-ui-mwParameterPage-field.ve-ui-mwParameterPage-inlineDescription {
Remove unused CSS from template dialog These pieces are only relevant when the new "inlineDescription" feature is enabled. In other words: This can't have an effect on the old dialog. The 2.5em left and right are from an old styling when the parameter pages have been indented. Change-Id: I022b0dd94ee66f7de114c055c3f453317a7f6131
2021-11-29 15:08:20 +00:00
padding-bottom: 2em;
Increase space between fields when using inline descriptions Bug: T273425 Change-Id: I3bf31622dbf794e1de1fa69b4fac68114c5689f7
2021-04-20 16:27:03 +00:00
}
Fix template dialog parameter padding on mobile In the mobile view, parameters don't have left padding so some styles should only be applied to the desktop stylesheet. Bug: T304167 Change-Id: I1846512c21aae36f212fe142b7d96ac91e46854b
2022-03-21 08:53:22 +00:00
/* FIXME remove when sidebar feature flag is gone T303386 */
.ve-ui-mwParameterPage-inlineDescription {
padding-left: 2.5em;
padding-right: 2.5em;
}
/* Temporary style while inline description is deployed without the new sidebar */
.ve-ui-mwParameterPage-inlineDescription > .ve-ui-expandableContent-container {
right: 2.5em;
}
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