tor-browser

commit a3c3d545981341f2c38105d5052ce1b63a1295bf
parent 04c93a6b726abd9249e4abc72e29c401d838977b
Author: Lorenz A <me@lorenzackermann.xyz>
Date:   Tue, 25 Nov 2025 14:02:54 +0000

Bug 983296 - Right align values in numerical columns in netmonitor. r=jdescottes,devtools-reviewers

Differential Revision: https://phabricator.services.mozilla.com/D273738

Diffstat:
M
devtools/client/netmonitor/src/assets/styles/RequestList.css
 | 
4
++++
M
devtools/client/netmonitor/src/components/request-list/RequestListColumnContentSize.js
 | 
6
+++++-
M
devtools/client/netmonitor/src/components/request-list/RequestListColumnCookies.js
 | 
3
++-
M
devtools/client/netmonitor/src/components/request-list/RequestListColumnResponseHeader.js
 | 
6
+++++-
M
devtools/client/netmonitor/src/components/request-list/RequestListColumnSetCookies.js
 | 
3
++-
M
devtools/client/netmonitor/src/components/request-list/RequestListColumnTime.js
 | 
5
++++-
M
devtools/client/netmonitor/src/components/request-list/RequestListColumnTransferredSize.js
 | 
3
++-

7 files changed, 24 insertions(+), 6 deletions(-)
diff --git a/devtools/client/netmonitor/src/assets/styles/RequestList.css b/devtools/client/netmonitor/src/assets/styles/RequestList.css
@@ -168,6 +168,10 @@
   display: inline-block;
 }
 
+.requests-list-column.requests-list-number-column {
+  text-align: end;
+}
+
 /* Requests list headers */
 
 .requests-list-headers-group,
diff --git a/devtools/client/netmonitor/src/components/request-list/RequestListColumnContentSize.js b/devtools/client/netmonitor/src/components/request-list/RequestListColumnContentSize.js
@@ -29,7 +29,11 @@ class RequestListColumnContentSize extends Component {
     const size =
       typeof contentSize === "number" ? getFormattedSize(contentSize) : null;
     return dom.td(
-      { className: "requests-list-column requests-list-size", title: size },
+      {
+        className:
+          "requests-list-column requests-list-number-column requests-list-size",
+        title: size,
+      },
       size
     );
   }
diff --git a/devtools/client/netmonitor/src/components/request-list/RequestListColumnCookies.js b/devtools/client/netmonitor/src/components/request-list/RequestListColumnCookies.js
@@ -50,7 +50,8 @@ class RequestListColumnCookies extends Component {
       : "";
     return dom.td(
       {
-        className: "requests-list-column requests-list-cookies",
+        className:
+          "requests-list-column requests-list-number-column requests-list-cookies",
         title: requestCookiesLength,
       },
       requestCookiesLength
diff --git a/devtools/client/netmonitor/src/components/request-list/RequestListColumnResponseHeader.js b/devtools/client/netmonitor/src/components/request-list/RequestListColumnResponseHeader.js
@@ -48,7 +48,11 @@ class RequestListColumnResponseHeader extends Component {
     const header = getResponseHeader(this.props.item, this.props.header);
     return dom.td(
       {
-        className: "requests-list-column requests-list-response-header",
+        className:
+          "requests-list-column requests-list-response-header" +
+          (this.props.header == "Content-Length"
+            ? " requests-list-number-column"
+            : ""),
         title: header,
       },
       header
diff --git a/devtools/client/netmonitor/src/components/request-list/RequestListColumnSetCookies.js b/devtools/client/netmonitor/src/components/request-list/RequestListColumnSetCookies.js
@@ -50,7 +50,8 @@ class RequestListColumnSetCookies extends Component {
       : "";
     return dom.td(
       {
-        className: "requests-list-column requests-list-set-cookies",
+        className:
+          "requests-list-column requests-list-number-column requests-list-set-cookies",
         title: responseCookiesLength,
       },
       responseCookiesLength
diff --git a/devtools/client/netmonitor/src/components/request-list/RequestListColumnTime.js b/devtools/client/netmonitor/src/components/request-list/RequestListColumnTime.js
@@ -81,7 +81,10 @@ class RequestListColumnTime extends Component {
       isNaN(time) || time === undefined ? "" : getFormattedTime(time);
     return dom.td(
       {
-        className: "requests-list-column requests-list-" + type + "-time",
+        className:
+          "requests-list-column requests-list-number-column requests-list-" +
+          type +
+          "-time",
         title: formattedTime,
       },
       formattedTime
diff --git a/devtools/client/netmonitor/src/components/request-list/RequestListColumnTransferredSize.js b/devtools/client/netmonitor/src/components/request-list/RequestListColumnTransferredSize.js
@@ -79,7 +79,8 @@ class RequestListColumnTransferredSize extends Component {
 
     return dom.td(
       {
-        className: "requests-list-column requests-list-transferred",
+        className:
+          "requests-list-column requests-list-number-column requests-list-transferred",
         title,
       },
       text