Bug 1415211 - Realigned XHR label; r=nchevobbe
MozReview-Commit-ID: FIp8B2iVzSZ
--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -285,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);
@@ -605,20 +605,18 @@ textbox.jsterm-input-node[focused="true"
}
.message[open] .stacktrace,
.message.open .stacktrace {
display: block;
}
.message .theme-twisty {
- display: inline-block;
- vertical-align: middle;
- margin: 3px 0 0 0;
- flex-shrink: 0;
+ position: relative;
+ 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;
}
--- a/devtools/client/webconsole/new-console-output/components/message-types/NetworkEventMessage.js
+++ b/devtools/client/webconsole/new-console-output/components/message-types/NetworkEventMessage.js
@@ -107,17 +107,17 @@ function NetworkEventMessage({
? dom.span({ className: "xhr" }, l10n.getStr("webConsoleXhrIndicator"))
: null;
const requestUrl = dom.a({ className: "url", title: request.url, onClick: toggle },
request.url);
const statusBody = statusInfo
? dom.a({ className: "status", onClick: toggle }, statusInfo)
: null;
- const messageBody = [method, xhr, requestUrl, statusBody];
+ const messageBody = [xhr, method, requestUrl, statusBody];
// API consumed by Net monitor UI components. Most of the method
// are not needed in context of the Console panel (atm) and thus
// let's just provide empty implementation.
// Individual methods might be implemented step by step as needed.
let connector = {
viewSourceInDebugger: (url, line) => {
serviceContainer.onViewSourceInDebugger({url, line});