Bug 1242003 - Update style of 'Load more...' row in dominator trees on devtools:memory. r?jsantell draft
authortiago <tiago.paez11@gmail.com>
Tue, 16 May 2017 22:59:40 -0300
changeset 579123 8f40ae4a8a47f7cf1951f2b3761a0b6fb3d8f4d2
parent 579118 41958333867b0f537271dbd4cb4ba9e8a67a85a8
child 579322 ce0e61f32f68826a32bdbdac73dccd49ece415ec
push id59155
push userbmo:tiago.paez11@gmail.com
push dateWed, 17 May 2017 02:08:10 +0000
reviewersjsantell
bugs1242003
milestone55.0a1
Bug 1242003 - Update style of 'Load more...' row in dominator trees on devtools:memory. r?jsantell MozReview-Commit-ID: 9JTjofADrXW
devtools/client/memory/components/dominator-tree.js
devtools/client/themes/memory.css
--- a/devtools/client/memory/components/dominator-tree.js
+++ b/devtools/client/memory/components/dominator-tree.js
@@ -88,16 +88,17 @@ const DominatorTreeSiblingLink = createF
       dom.span({ className: "heap-tree-item-field heap-tree-item-bytes" }),
       dom.span(
         {
           className: "heap-tree-item-field heap-tree-item-name",
           style: { marginInlineStart: depth * TREE_ROW_HEIGHT }
         },
         dom.a(
           {
+            className: "load-more",
             onClick: () => onLoadMoreSiblings(item)
           },
           L10N.getStr("tree-item.load-more")
         )
       )
     );
   }
 }));
--- a/devtools/client/themes/memory.css
+++ b/devtools/client/themes/memory.css
@@ -539,16 +539,25 @@ html, body, #app, #memory-tool {
 
 .tree-map-container {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
 }
 
+.load-more {
+  cursor: pointer;
+  font-weight: bold;
+}
+
+.load-more:hover {
+  text-decoration: underline;
+}
+
 /**
  * Heap tree errors.
  */
 
 .error::before {
   content: "";
   display: inline-block;
   width: 12px;