Align edit summary with WikimediaUI guideline

WikimediaUI guideline: phab:M101

Bug: T152025
Change-Id: I11a3bd0064c8d6ea6e791b23b1e73674f908374e

diff --git a/resources/src/mediawiki.legacy/shared.css b/resources/src/mediawiki.legacy/shared.css
index befe957..7919dc4 100644 (file)
--- a/resources/src/mediawiki.legacy/shared.css
+++ b/resources/src/mediawiki.legacy/shared.css
@@ -185,8 +185,26 @@ td.mw-submit {
 }
 
 input#wpSummary {
 }
 
 input#wpSummary {

+       background-color: #fff;
+       color: #000;

        width: 80%;
        margin-bottom: 1em;
        width: 80%;
        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;

 }
 
 .mw-input-with-label {
 }
 
 .mw-input-with-label {