Bug 1224201 - memory table : change paddings, colwidths and font. r=vporof
authorJulian Descottes <jdescottes@mozilla.com>
Fri, 15 Jan 2016 00:17:46 +0100
changeset 280496 3f0c3481ec932b720bd609577602a151ff48b413
parent 280495 677e9cf53757c3d92de86b1b2f760d96106e69a4
child 280497 4824324ae86931bcbaecef47f8fb039bb7a42784
push id29918
push usercbook@mozilla.com
push dateWed, 20 Jan 2016 14:30:40 +0000
treeherdermozilla-central@b39b15928984 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersvporof
bugs1224201
milestone46.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 1224201 - memory table : change paddings, colwidths and font. r=vporof
devtools/client/themes/memory.css
--- a/devtools/client/themes/memory.css
+++ b/devtools/client/themes/memory.css
@@ -348,20 +348,17 @@ html, body, #app, #memory-tool {
    * These subcolumns may have specific widths or need to flex.
    */
   display: flex;
   text-align: end;
   border-inline-end: var(--cell-border-color) 1px solid;
 }
 
 .heap-tree-item-count,
-.heap-tree-item-total-count {
-  width: 8%;
-}
-
+.heap-tree-item-total-count,
 .heap-tree-item-bytes,
 .heap-tree-item-total-bytes {
   width: 10%;
 }
 
 .heap-tree-item-name {
   /**
    * Flex: contains an .arrow and some text, which need to be laid out
@@ -380,31 +377,39 @@ html, body, #app, #memory-tool {
  * Heap tree view subcolumns
  */
 
 .heap-tree-number,
 .heap-tree-percent,
 .heap-tree-item-name {
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
+}
+
+.heap-tree-number {
+  padding-inline-start: 3px;
+}
+
+.heap-tree-percent {
+  padding-inline-start: 3px;
+  padding-inline-end: 3px;
 }
 
 .heap-tree-number,
 .heap-tree-percent {
-  padding-inline-end: 5px;
+  font-family: var(--monospace-font-family);
 }
 
 .heap-tree-number {
   flex: 1;
   color: var(--theme-content-color3);
 }
 
 .heap-tree-percent {
-  flex: 0 0 3.5em;
+  width: 2.5em;
 }
 
 .heap-tree-item.focused .heap-tree-number,
 .heap-tree-item.focused .heap-tree-percent {
   color: inherit;
 }
 
 /**