Bug 1415211 - Made XHR label slightly smaller so it aligns with other components. draft 505bafeafb66
authorTim Xie <tim.xie@mail.utoronto.ca>
Wed, 28 Feb 2018 16:05:40 -0500
branch505bafeafb66
changeset 761197 055f5d68880bade2cfab767b2bca4d38408ff7cc
parent 760793 697a8a8c3374e1f1a404ce41fcce179503eefd69
push id100908
push userbmo:tim.xie@mail.utoronto.ca
push dateWed, 28 Feb 2018 21:07:24 +0000
bugs1415211
milestone60.0a1
Bug 1415211 - Made XHR label slightly smaller so it aligns with other components. MozReview-Commit-ID: 95uAQ4AoFsY
devtools/client/themes/webconsole.css
--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -33,17 +33,16 @@ a {
   box-sizing: border-box;
 }
 
 .message > .prefix,
 .message > .timestamp {
   flex: none;
   color: var(--theme-comment);
   margin: 3px 6px 0 0;
-  align-items: center;
 }
 
 .message > .indent {
   flex: none;
 }
 
 .message > .icon {
   flex: none;
@@ -155,17 +154,16 @@ a {
 .message-body {
   white-space: pre-wrap;
   word-wrap: break-word;
 }
 
 .message-flex-body > .message-body {
   display: block;
   flex: auto;
-  align-items: center;
 }
 
 #output-wrapper {
   direction: ltr;
   overflow: auto;
   -moz-user-select: text;
   position: relative;
 }
@@ -287,17 +285,17 @@ a {
 
 .message[category=network] .xhr,
 .message.network .xhr {
   background-color: var(--theme-body-color-alt);
   color: var(--theme-body-background);
   border-radius: 3px;
   font-weight: bold;
   font-size: 10px;
-  padding: 2px;
+  padding: 1px 2px;
   line-height: 10px;
   margin-inline-start: 3px;
   margin-inline-end: 1ex;
 }
 
 /* CSS styles */
 .webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
   background-image: linear-gradient(#2DC3F3, #00B6F0);
@@ -608,17 +606,17 @@ textbox.jsterm-input-node[focused="true"
 
 .message[open] .stacktrace,
 .message.open .stacktrace {
   display: block;
 }
 
 .message .theme-twisty {
   position: relative;
-  top: 2px;
+  top: 0.1em;
 }
 
 /*Do not mirror the twisty because container force to ltr */
 .message .theme-twisty:dir(rtl),
 .message .theme-twisty:-moz-locale-dir(rtl) {
   transform: none;
 }