Bug 1431395 - Set fixed size on all columns. r=Honza draft
authorAlexandre Poirot <poirot.alex@gmail.com>
Wed, 17 Jan 2018 14:34:52 -0800
changeset 723067 d5936f3165d4224aabeaf5e57434f22ea747df88
parent 722978 dc56fc2223a0da8153cc97343310be9fcdf68eb1
child 723107 35d4f200a3fca5d08363276fc809e568a22b3e12
push id96317
push userbmo:poirot.alex@gmail.com
push dateMon, 22 Jan 2018 14:14:46 +0000
reviewersHonza
bugs1431395
milestone59.0a1
Bug 1431395 - Set fixed size on all columns. r=Honza MozReview-Commit-ID: KNdjHyc7abU
devtools/client/netmonitor/src/assets/styles/RequestList.css
--- a/devtools/client/netmonitor/src/assets/styles/RequestList.css
+++ b/devtools/client/netmonitor/src/assets/styles/RequestList.css
@@ -212,17 +212,17 @@
                                     transparent);
 }
 
 /* Requests list column */
 
 /* Status column */
 
 .requests-list-status {
-  width: 8%;
+  min-width: 70px;
    /* Don't ellipsize status codes */
   text-overflow: initial;
 }
 
 .theme-firebug .requests-list-status {
   font-weight: bold;
 }
 
@@ -283,27 +283,27 @@
   background-color: var(--status-code-color-5xx);
   border-radius: 0;
   transform: rotate(45deg);
 }
 
 /* Method column */
 
 .requests-list-method {
-  width: 8%;
+  min-width: 85px;
 }
 
 .theme-firebug .requests-list-method {
   color: rgb(128, 128, 128);
 }
 
 /* File column */
 
 .requests-list-file {
-  width: 22%;
+  width: 40%;
 }
 
 .requests-list-file.requests-list-column {
   text-align: start;
 }
 
 /* Protocol column */
 
@@ -363,17 +363,17 @@
 
 .requests-list-response-header {
   width: 10%;
 }
 
 /* Domain column */
 
 .requests-list-domain {
-  width: 13%;
+  width: 30%;
 }
 
 .requests-list-domain.requests-list-column {
   text-align: start;
 }
 
 .requests-security-state-icon {
   display: inline-block;
@@ -411,17 +411,17 @@
 
 .requests-list-remoteip {
   width: 9%;
 }
 
 /* Cause column */
 
 .requests-list-cause {
-  width: 9%;
+  min-width: 75px;
 }
 
 .requests-list-cause-stack {
   display: inline-block;
   background-color: var(--theme-body-color-alt);
   color: var(--theme-body-background);
   font-size: 8px;
   font-weight: bold;
@@ -430,42 +430,42 @@
   padding: 0 2px;
   margin: 0;
   margin-inline-end: 3px;
 }
 
 /* Type column */
 
 .requests-list-type {
-  width: 6%;
+  min-width: 65px;
 }
 
 /* Transferred column */
 
 .requests-list-transferred {
-  width: 9%;
+  min-width: 110px;
 }
 
 /* Size column */
 
 .requests-list-size {
-  width: 7%;
+  min-width: 80px;
 }
 
 .theme-firebug .requests-list-size {
   justify-content: end;
   padding-inline-end: 4px;
 }
 
 /* Waterfall column */
 
 .requests-list-waterfall {
-  width: 20vw;
-  max-width: 20vw;
-  min-width: 20vw;
+  width: 25vw;
+  max-width: 25vw;
+  min-width: 25vw;
   background-repeat: repeat-y;
   background-position: left center;
   /* Background created on a <canvas> in js. */
   /* @see devtools/client/netmonitor/src/waterfall-background.js */
   background-image: -moz-element(#waterfall-background);
 }
 
 .requests-list-waterfall:dir(rtl) {