Bug 1431395 - Set fixed size on all columns. r=Honza
MozReview-Commit-ID: KNdjHyc7abU
--- 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) {