Bug 1409413 - Make sure text in the Console command line is v-centered; r=nchevobbe draft
authorJan Odvarko <odvarko@gmail.com>
Mon, 06 Nov 2017 16:26:49 +0100
changeset 693575 28ef0f51d65217fe82d916d38068af4cd6cb3798
parent 693574 7c13bd1d487be6a80e204dc43164a7d2edf66f03
child 739086 5fd36e4e4d4d0a4266c19010a79ff2a65fcb3e2d
push id87862
push userjodvarko@mozilla.com
push dateMon, 06 Nov 2017 15:29:08 +0000
reviewersnchevobbe
bugs1409413
milestone58.0a1
Bug 1409413 - Make sure text in the Console command line is v-centered; r=nchevobbe MozReview-Commit-ID: 7TuLSPfzJ6k
devtools/client/themes/webconsole.css
--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -411,16 +411,17 @@ html #webconsole-notificationbox {
   /* Always allow scrolling on input - it auto expands in js by setting height,
      but don't want it to get bigger than the window. 24px = toolbar height. */
   max-height: calc(90vh - 24px);
   background-image: var(--theme-command-line-image);
   background-repeat: no-repeat;
   background-size: 16px 16px;
   background-position: 4px 50%;
   color: var(--theme-content-color1);
+  box-sizing: border-box;
 }
 
 .jsterm-complete-node {
   color: var(--theme-comment);
 }
 
 .theme-light .jsterm-input-container {
   /* For light theme use a white background for the input - it looks better