Bug 1348258 - Use MODE.TINY for ElementNodes displayed in the grid inspector; r=nchevobbe
authorPatrick Brosset <pbrosset@mozilla.com>
Fri, 17 Mar 2017 11:23:35 +0100
changeset 500853 bb5c698bff0a4d73ee015230818faacc587b07d5
parent 500852 916169e1e3eeeebda14b9cfa95c2de6f017121f9
child 500854 1da2122f3597fc4ab0c913152f98c47ee1b4ec99
push id49816
push userbmo:tchiovoloni@mozilla.com
push dateFri, 17 Mar 2017 20:44:02 +0000
reviewersnchevobbe
bugs1348258
milestone55.0a1
Bug 1348258 - Use MODE.TINY for ElementNodes displayed in the grid inspector; r=nchevobbe MozReview-Commit-ID: WUGm4IhwpM
devtools/client/inspector/grids/components/GridItem.js
--- a/devtools/client/inspector/grids/components/GridItem.js
+++ b/devtools/client/inspector/grids/components/GridItem.js
@@ -3,17 +3,17 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 "use strict";
 
 const { addons, createClass, createFactory, DOM: dom, PropTypes } = require("devtools/client/shared/vendor/react");
 const { findDOMNode } = require("devtools/client/shared/vendor/react-dom");
 
 // Reps
-const { REPS } = require("devtools/client/shared/components/reps/reps");
+const { REPS, MODE } = require("devtools/client/shared/components/reps/reps");
 const Rep = createFactory(REPS.Rep);
 const ElementNode = REPS.ElementNode;
 
 const Types = require("../types");
 
 module.exports = createClass({
 
   displayName: "GridItem",
@@ -128,16 +128,17 @@ module.exports = createClass({
             value: grid.id,
             checked: grid.highlighted,
             onChange: this.onGridCheckboxClick,
           }
         ),
         Rep(
           {
             defaultRep: ElementNode,
+            mode: MODE.TINY,
             object: this.translateNodeFrontToGrip(nodeFront),
             onDOMNodeMouseOut: () => onHideBoxModelHighlighter(),
             onDOMNodeMouseOver: () => onShowBoxModelHighlighterForNode(nodeFront),
             onInspectIconClick: () => setSelectedNode(nodeFront),
           }
         )
       ),
       dom.div(