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

58 lines
1.8 KiB
CSS
Raw Normal View History

Split out omnibus CSS files Change-Id: I195a0e4091cf2d003c325e9c653dd634e7096779
2014-03-18 20:52:39 +00:00
/*!
* VisualEditor MediaWiki UserInterface TemplatePage styles.
*
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
Split out omnibus CSS files Change-Id: I195a0e4091cf2d003c325e9c653dd634e7096779
2014-03-18 20:52:39 +00:00
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwTemplatePage-more {
display: none;
margin: 2.25em 0 0.5em 0;
}
.ve-ui-mwTemplatePage:last-child .ve-ui-mwTemplatePage-more {
display: block;
}
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-mwTemplatePage-description {
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;
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
}
MWTemplatePage: Show a link to the template even when there's a description Bug: T51772 Change-Id: Ia7084dc7dd4e4c092c0d24b123da19721dca54a9
2015-12-07 21:55:59 +00:00
.ve-ui-mwTemplatePage-description-extra,
Split out omnibus CSS files Change-Id: I195a0e4091cf2d003c325e9c653dd634e7096779
2014-03-18 20:52:39 +00:00
.ve-ui-mwTemplatePage-description-missing {
font-style: italic;
Hide unsupported UI elements in references on mobile Also tweak styles for the supported ones slightly. Change-Id: Ia4f0f3627d062698c085cd60f72928ef16532d20
2014-05-08 06:17:01 +00:00
}
Try to use margin/padding instead of flex for template dialog Proof of concept: while flex is – well – flexible, it feels like this should be possible with some good old block containers and margins. It's pixel-perfect in my test. Bug: T288465 Change-Id: I1458900fff197e08ce318398524a3cf2b6b9ee2a
2021-08-30 15:38:36 +00:00
.ve-ui-mwTransclusionDialog-newSidebar .oo-ui-menuLayout-content > .oo-ui-bookletLayout-stackLayout {
/* Wo don't want anything to collapse left/right, so shouldn't use margin */
padding: 0 48px;
}
Minor CSS cleanup related to gaps between booklet pages * Use a more specific …-top property, as this is the only thing we need to overwrite. * Bring some selectors in a hierarchical order that makes more sense. Change-Id: If36db87d83f699fe0a43ac67d439cac42cbb1fa3
2021-09-02 13:41:40 +00:00
.ve-ui-mwTransclusionDialog-newSidebar .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
Fix doc padding in new sidebar This was causing the doc text to be undesirably indented. Change-Id: I3cf8fb1136d354ca04ee077c19e37998fdb85549
2021-09-03 09:37:18 +00:00
.ve-ui-mwTransclusionDialog-newSidebar .ve-ui-mwParameterPage-doc,
Minor CSS cleanup related to gaps between booklet pages * Use a more specific …-top property, as this is the only thing we need to overwrite. * Bring some selectors in a hierarchical order that makes more sense. Change-Id: If36db87d83f699fe0a43ac67d439cac42cbb1fa3
2021-09-02 13:41:40 +00:00
.ve-ui-mwTransclusionDialog-newSidebar .ve-ui-mwParameterPage-info,
.ve-ui-mwTransclusionDialog-newSidebar .ve-ui-mwParameterPage-field {
padding: 0;
}
Try to use margin/padding instead of flex for template dialog Proof of concept: while flex is – well – flexible, it feels like this should be possible with some good old block containers and margins. It's pixel-perfect in my test. Bug: T288465 Change-Id: I1458900fff197e08ce318398524a3cf2b6b9ee2a
2021-08-30 15:38:36 +00:00
.ve-ui-mwTransclusionDialog-newSidebar .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
.ve-ui-mwTransclusionDialog-newSidebar .ve-ui-mwTransclusionDialog-multipart-message {
/* This top/bottom margin is meant to collapse with the next one */
Tighten vertical gap between parameters Bug: T288465 Change-Id: I608f6e398ec77bf87bca363c761d44661ced8dfd
2021-09-02 12:33:53 +00:00
margin: 48px 0 16px 0;
}
.ve-ui-mwTransclusionDialog-newSidebar .oo-ui-bookletLayout-stackLayout > .ve-ui-mwParameterPage,
.ve-ui-mwTransclusionDialog-newSidebar .oo-ui-bookletLayout-stackLayout > .ve-ui-mwParameterPlaceholderPage {
/* Tighter margins within a group of parameters. */
Minor CSS cleanup related to gaps between booklet pages * Use a more specific …-top property, as this is the only thing we need to overwrite. * Bring some selectors in a hierarchical order that makes more sense. Change-Id: If36db87d83f699fe0a43ac67d439cac42cbb1fa3
2021-09-02 13:41:40 +00:00
margin-top: 16px;
Tighten vertical gap between parameters Bug: T288465 Change-Id: I608f6e398ec77bf87bca363c761d44661ced8dfd
2021-09-02 12:33:53 +00:00
}
.ve-ui-mwTransclusionDialog-newSidebar .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout:last-child {
margin-bottom: 48px;
Try to use margin/padding instead of flex for template dialog Proof of concept: while flex is – well – flexible, it feels like this should be possible with some good old block containers and margins. It's pixel-perfect in my test. Bug: T288465 Change-Id: I1458900fff197e08ce318398524a3cf2b6b9ee2a
2021-08-30 15:38:36 +00:00
}
Add notes and warning for missing parameter documentation Bug: T276574 Change-Id: Iba0dd661ccdfd6cbb13aef7e8ace25995ecf0cf8
2021-08-23 14:08:51 +00:00
.ve-ui-mwTransclusionDialog-template-note {
margin-top: 16px;
}
Reference in a new issue Copy permalink