Bug 1409413 - Make sure text in the Console command line is v-centered; r=nchevobbe draft
authorJan Odvarko <odvarko@gmail.com>
Fri, 03 Nov 2017 09:58:23 +0100
changeset 692507 60637457ebe22f66dff80a5786b9bca8c6859599
parent 692506 64e75a85875dc9716116235b3795865026561bef
child 738784 2afe051fb6f71f0eafa792d95cd8ebdcce74d0a9
push id87531
push userjodvarko@mozilla.com
push dateFri, 03 Nov 2017 08:58:55 +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