Bug 1506073 - URL in Headers panel is wrapping now. r=Honza
☠☠ backed out by a1cd697c733c ☠ ☠
authorlenpel <lba_2@yahoo.com>
Fri, 16 Nov 2018 23:02:15 +0100
changeset 507095 bbe0fe93abc15eb745d7870dc57875d9773f9359
parent 507094 ec957266789d54f03eb5f5fe4fdf7dda556afb59
child 507096 287134f9e8048ec115591f22982817e1e0a54eec
push id1905
push userffxbld-merge
push dateMon, 21 Jan 2019 12:33:13 +0000
treeherdermozilla-release@c2fca1944d8c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersHonza
bugs1506073
milestone65.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1506073 - URL in Headers panel is wrapping now. r=Honza
devtools/client/netmonitor/src/assets/styles/NetworkDetailsPanel.css
devtools/client/netmonitor/src/components/HeadersPanel.js
--- a/devtools/client/netmonitor/src/assets/styles/NetworkDetailsPanel.css
+++ b/devtools/client/netmonitor/src/assets/styles/NetworkDetailsPanel.css
@@ -178,22 +178,27 @@
 .network-monitor .headers-summary-label,
 .network-monitor .tree-container .objectBox {
   white-space: nowrap;
 }
 
 /* Summary tabpanel */
 
 .network-monitor .tabpanel-summary-container {
+  flex-wrap: wrap;
   padding: 1px;
+  padding-inline-start: 4px;
+}
+
+.network-monitor .tabpanel-summary-labelvalue {
+  white-space: pre-wrap;
 }
 
 .network-monitor .tabpanel-summary-label {
   display: inline-block;
-  padding-inline-start: 4px;
   padding-inline-end: 3px;
   font-weight: 600;
 }
 
 .network-monitor .tabpanel-summary-value {
   color: inherit;
   padding-inline-start: 3px;
 }
--- a/devtools/client/netmonitor/src/components/HeadersPanel.js
+++ b/devtools/client/netmonitor/src/components/HeadersPanel.js
@@ -120,24 +120,24 @@ class HeadersPanel extends Component {
     this.setState({
       rawHeadersOpened: !this.state.rawHeadersOpened,
     });
   }
 
   renderSummary(label, value) {
     return (
       div({ className: "tabpanel-summary-container headers-summary" },
-        div({
-          className: "tabpanel-summary-label headers-summary-label",
-        }, label),
-        input({
-          className: "tabpanel-summary-value textbox-input devtools-monospace",
-          readOnly: true,
-          value,
-        }),
+        div({ className: "tabpanel-summary-labelvalue"},
+          span({ className: "tabpanel-summary-label headers-summary-label"},
+            label
+          ),
+          span({ className: "tabpanel-summary-value textbox-input devtools-monospace"},
+            value
+          ),
+        ),
       )
     );
   }
 
   renderValue(props) {
     const member = props.member;
     const value = props.value;