Bug 1342672 - Fix memory tool CSS. r=jryans
authorTim Nguyen <ntim.bugs@gmail.com>
Sat, 25 Feb 2017 16:09:31 +0000
changeset 374071 67ac0de90c3e1bf422d9356a9dbf7c4f71108504
parent 374070 b64829d19c47a350d565206eec9c7d8ed091d3c7
child 374072 41882316952820ab2c8b833dce9b871da8c3959c
push id10863
push userjlorenzo@mozilla.com
push dateMon, 06 Mar 2017 23:02:23 +0000
treeherdermozilla-aurora@0931190cd725 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjryans
bugs1342672
milestone54.0a1
Bug 1342672 - Fix memory tool CSS. r=jryans MozReview-Commit-ID: mSZFtU2AUF
devtools/client/themes/memory.css
--- a/devtools/client/themes/memory.css
+++ b/devtools/client/themes/memory.css
@@ -465,26 +465,27 @@ html, body, #app, #memory-tool {
    *                   |
    *             A space between the number and percent
    */
   min-width: 19ch;
 }
 
 .heap-tree-item-name {
   /**
-   * Flex: contains an .arrow and some text, which need to be laid out
-   * horizontally, vertically aligned in the middle of the container.
-   */
-  display: flex;
-  align-items: center;
-  /**
    * Flexing to fill out remaining vertical space.
    * @see .header and .heap-tree-item */
   flex: 1;
   padding-inline-start: 5px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.heap-tree-item-name .arrow {
+  display: inline-block;
+  vertical-align: middle;
 }
 
 /**
  * Heap tree view subcolumns
  */
 
 .heap-tree-number,
 .heap-tree-percent,
@@ -515,29 +516,26 @@ html, body, #app, #memory-tool {
 }
 
 .heap-tree-item.focused .heap-tree-number,
 .heap-tree-item.focused .heap-tree-percent {
   color: inherit;
 }
 
 .heap-tree-item-individuals {
-  width: 38px;
-  min-width: 20px;
+  min-width: 38px;
   overflow: hidden;
   margin: 0;
 }
 
 .heap-tree-item-individuals > button {
-  height: 10px;
   width: 32px;
-
   /* Override default styles for toolbar buttons to fix entire row height. */
   margin: 0 auto !important;
-  padding: 0;
+  color: inherit;
 }
 
 /**
  * Tree map
  */
 
 .tree-map-container {
   width: 100%;