Bug 1378759 - Improve the readability of table in about:telemetry r?chutten draft
authorflyingrub <flyinggrub@gmail.com>
Thu, 06 Jul 2017 15:12:08 +0200
changeset 607873 37eaa49402cf9478801eca623f2454fdc89638ba
parent 606207 d6f2a893cd7a77cacbb1b139fff78d09c2f001e0
child 607874 b7a79b66293c4fc523eb2f4675e9f11d34c49140
child 607876 5b962eb82c29486ff34610b506b2852cb4dd493d
child 608277 2093f6389a5d3c640e73cc0acb7742087daea0e2
child 608294 44af0857edfff28d69ca8d8dcefad3d8446aa5b5
child 610024 d06973338c78dbb40e387543ac38a1a87ff7dcfc
child 610032 beb63951107c45fd19a7ce2fec1715d4d6b16c5b
push id68132
push userbmo:flyinggrub@gmail.com
push dateWed, 12 Jul 2017 23:19:58 +0000
reviewerschutten
bugs1378759
milestone56.0a1
Bug 1378759 - Improve the readability of table in about:telemetry r?chutten Reduce the size of the sidebar to let more space available for the actual content. MozReview-Commit-ID: 5z1zwxC8Ys1
toolkit/content/aboutTelemetry.css
--- a/toolkit/content/aboutTelemetry.css
+++ b/toolkit/content/aboutTelemetry.css
@@ -10,18 +10,18 @@ html {
 
 body {
   display: flex;
   align-items: stretch;
   height: 100%;
 }
 
 #categories {
+  min-width: 250px;
   padding-top: 0px;
-  min-width: 300px;
   overflow-y: auto;
 }
 
 #category-raw {
   border-top: 1px solid var(--in-content-header-border-color);
   box-sizing: border-box;
   background-color: inherit;
   min-width: inherit;
@@ -270,20 +270,40 @@ body[dir="rtl"] .bar {
   float: right;
 }
 
 .bar-inner {
   background-color: DeepSkyBlue;
   border: 1px solid #0000b0;
 }
 
+th, td, table {
+  text-align: start;
+  border-collapse: collapse;
+}
+
+table {
+  width: 100%;
+  font-size: 15px;
+}
+
+td {
+  padding-bottom: 0.25em;
+  border-bottom: 1px solid var(--in-content-box-border-color);
+}
+
+tr:not(:first-child):hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
 th {
+  font-size: larger;
   font-weight: bold;
   white-space: nowrap;
-  text-align: left;
+  padding-bottom: 0.5em;
 }
 
 body[dir="rtl"] th {
   text-align: right;
 }
 
 caption {
   font-weight: bold;