Bug 1415211 - Made XHR label slightly smaller so it aligns with other components.
MozReview-Commit-ID: 95uAQ4AoFsY
--- 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;
}