resources/src/mediawiki.action/mediawiki.action.edit.styles.less

   1 /*!
   2  * Styles for elements of the editing form.
   3  */
   4
   5 /* stylelint-disable selector-class-pattern */
   6
   7 /*
   8  * Add a bit of margin space between the preview and the toolbar.
   9  * This replaces the ugly <p><br /></p> we used to insert into the page source
  10  */
  11 #wikiPreview.ontop {
  12         margin-bottom: 1em;
  13 }
  14
  15 .mw-editform {
  16         /* General layout */
  17         #wpTextbox1 {
  18                 margin: 0;
  19                 display: block;
  20                 /* Ensure the textarea is not higher than browser's viewport on small screens */
  21                 max-height: 100vh;
  22                 /* But don't let it collapse into nothingness on really tiny screens */
  23                 min-height: 5em;
  24         }
  25
  26         /* Adjustments to edit form elements */
  27         #editpage-copywarn {
  28                 font-size: 0.9em;
  29                 line-height: 1.26;
  30         }
  31
  32         #wpSummaryWidget {
  33                 display: block;
  34                 margin-bottom: 1em;
  35         }
  36
  37         #wpSummaryLabel {
  38                 margin: 0;
  39         }
  40
  41         #wpSummaryWidget,
  42         #wpSummaryLabel .oo-ui-fieldLayout-header {
  43                 max-width: none;
  44         }
  45
  46         .editCheckboxes .oo-ui-fieldLayout {
  47                 margin-right: 1em;
  48         }
  49
  50         .editHelp {
  51                 margin-left: 0.5em;
  52                 vertical-align: middle;
  53
  54                 a {
  55                         font-weight: bold;
  56                 }
  57         }
  58
  59         .editOptions {
  60                 border-radius: 0 0 2px 2px;
  61         }
  62
  63         // Use buttonElement to include ButtonInputWidget and ButtonWidget
  64         .editButtons .oo-ui-buttonElement,
  65         .editHelp {
  66                 margin-top: 0.5em;
  67         }
  68
  69         .cancelLink,
  70         .editHelp {
  71                 display: inline-block;
  72                 vertical-align: middle;
  73         }
  74
  75         /* T188737 */
  76         .templatesUsed .mw-redirect {
  77                 font-style: italic;
  78         }
  79 }