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

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