Merge "Ensure the editing textarea is not higher than browser's viewport"

diff --combined resources/src/mediawiki.action/mediawiki.action.edit.styles.css
index b63f87d,d288e6b..d228236
--- 1/resources/src/mediawiki.action/mediawiki.action.edit.styles.css
--- 2/resources/src/mediawiki.action/mediawiki.action.edit.styles.css
+++ b/resources/src/mediawiki.action/mediawiki.action.edit.styles.css
@@@ -6,6 -6,10 +6,10 @@@
  #wpTextbox1 {
        margin: 0;
        display: block;
+       /* Ensure the textarea is not higher than browser's viewport on small screens */
+       max-height: 100vh;
+       /* But don't let it collapse into nothingness on really tiny screens */
+       min-height: 5em;
  }
  
  /* Adjustments to edit form elements */
@@@ -25,33 -29,14 +29,33 @@@
        font-size: 0.9em;
  }
  
 -#wpSummary {
 +input#wpSummary {
        display: block;
 +      background-color: #fff;
 +      color: #000;
 +      width: 80%;
        margin-top: 0;
 -      margin-bottom: 0.5em;
 +      margin-bottom: 1em;
 +      padding: 0.625em 0.546875em 0.546875em;
 +      border: 1px solid #a2a9b1;
 +      border-radius: 2px;
 +      box-shadow: inset 0 0 0 1px #fff;
 +      font-family: inherit;
 +      font-size: inherit;
 +      -webkit-transition: border-color 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
 +      -moz-transition: border-color 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
 +      transition: border-color 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
 +}
 +
 +input#wpSummary:focus,
 +input#wpSummary:active {
 +      outline: 0;
 +      border-color: #36c;
 +      box-shadow: inset 0 0 0 1px #36c;
  }
  
  .editButtons input:first-child {
 -      margin-left: .1em;
 +      margin-left: 0.1em;
  }
  
  /*