Bug 1416714 - Introduce border to request column & remove column alignment r?honza draft
authorRicky Chien <ricky060709@gmail.com>
Wed, 15 Nov 2017 11:56:07 +0800
changeset 698131 79bc20e22f7b9b92e01e085babc05fe30d196157
parent 698130 4be5f42ea4b26a533c5f0383345427874198f08e
child 698132 cd350dceed9fa50af3056ef33fddf3cf2a747263
push id89222
push userbmo:rchien@mozilla.com
push dateWed, 15 Nov 2017 10:15:47 +0000
reviewershonza
bugs1416714
milestone59.0a1
Bug 1416714 - Introduce border to request column & remove column alignment r?honza MozReview-Commit-ID: 5y37c8yMtKC
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
@@ -70,24 +70,29 @@
   left: 0;
   right: 0;
   overflow-x: hidden;
   overflow-y: auto;
   --timings-scale: 1;
   --timings-rev-scale: 1;
 }
 
+.requests-list-headers > .requests-list-column {
+  padding: 0;
+}
+
 .requests-list-column {
   display: table-cell;
   cursor: default;
-  text-align: center;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: middle;
+  padding-inline-start: 4px;
+  border-inline-end: var(--theme-splitter-color) 1px solid;
   max-width: 50px;
   min-width: 50px;
 }
 
 .requests-list-column > * {
   display: inline-block;
 }
 
@@ -112,27 +117,21 @@
   width: 100%;
 }
 
 .requests-list-headers .requests-list-column:first-child .requests-list-header-button {
   border-width: 0;
 }
 
 .requests-list-header-button {
+  display: block;
   background-color: transparent;
-  border-image: linear-gradient(transparent 15%,
-                                var(--theme-splitter-color) 15%,
-                                var(--theme-splitter-color) 85%,
-                                transparent 85%) 1 1;
   border-width: 0;
-  border-inline-start-width: 1px;
-  padding-inline-start: 16px;
   width: 100%;
-  min-height: 23px;
-  text-align: center;
+  height: 24px;
   color: inherit;
 }
 
 .requests-list-header-button::-moz-focus-inner {
   border: 0;
   padding: 0;
 }
 
@@ -219,17 +218,16 @@
 }
 
 .theme-firebug .requests-list-status {
   font-weight: bold;
 }
 
 .requests-list-status-code {
   margin-inline-start: 3px;
-  width: 3em;
 }
 
 .requests-list-status-icon {
   background: #fff;
   height: 10px;
   width: 10px;
   margin-inline-start: 5px;
   margin-inline-end: 5px;