Bug 700387 - Remove the Style Inspector breadcrumbs; r=dcamp

browser/devtools/styleinspector/CssHtmlTree.jsm

@@ -165,9 +165,7 @@ function CssHtmlTree(aStyleInspector)
 
   // Nodes used in templating
   this.root = this.styleDocument.getElementById("root");
-  this.path = this.styleDocument.getElementById("path");
   this.templateRoot = this.styleDocument.getElementById("templateRoot");
-  this.templatePath = this.styleDocument.getElementById("templatePath");
   this.propertyContainer = this.styleDocument.getElementById("propertyContainer");
   this.panel = aStyleInspector.panel;
 
@@ -270,8 +268,6 @@ CssHtmlTree.prototype = {
     this._unmatchedProperties = null;
     this._matchedProperties = null;
 
-    CssHtmlTree.processTemplate(this.templatePath, this.path, this);
-
     if (this.htmlComplete) {
       this.refreshPanel();
     } else {
@@ -341,20 +337,6 @@ CssHtmlTree.prototype = {
     this._refreshProcess.schedule();
   },
 
-  /**
-   * Called when the user clicks on a parent element in the "current element"
-   * path.
-   *
-   * @param {Event} aEvent the DOM Event object.
-   */
-  pathClick: function CssHtmlTree_pathClick(aEvent)
-  {
-    aEvent.preventDefault();
-    if (aEvent.target && this.viewedElement != aEvent.target.pathElement) {
-      this.styleInspector.selectFromPath(aEvent.target.pathElement);
-    }
-  },
-
   /**
    * Called when the user enters a search term.
    *
@@ -392,18 +374,6 @@ CssHtmlTree.prototype = {
     this.refreshPanel();
   },
 
-  /**
-   * Provide access to the path to get from document.body to the selected
-   * element.
-   *
-   * @return {array} the array holding the path from document.body to the
-   * selected element.
-   */
-  get pathElements()
-  {
-    return CssLogic.getShortNamePath(this.viewedElement);
-  },
-
   /**
    * The CSS as displayed by the UI.
    */
@@ -497,8 +467,6 @@ CssHtmlTree.prototype = {
 
     // Nodes used in templating
     delete this.root;
-    delete this.path;
-    delete this.templatePath;
     delete this.propertyContainer;
     delete this.panel;
 

browser/devtools/styleinspector/csshtmltree.xul

@@ -63,10 +63,6 @@
 <!-- The output from #templateRoot (below) is inserted here. -->
 <div id="root"></div>
 
-<!-- The output from #templatePath (below) is inserted here. -->
-<div id="path">
-</div>
-
 <!-- When no properties are found the following block is displayed. -->
 <div id="noResults" hidden="">
   &noPropertiesFound;
@@ -100,24 +96,6 @@ To visually debug the templates without running firefox, alter the display:none
     </xul:hbox>
   </div>
 
-  <!--
-  templatePath sits just below the top of the window showing what we're looking
-  at. For data it needs an instance of CssHtmlTree.
-  -->
-  <div id="templatePath">
-    <span class="selectedElementLabel">
-      &selectedElementLabel;
-    </span>
-    <!-- following broken in RTL mode, see bug 699900 -->
-    <ol>
-      <li foreach="item in ${pathElements}">
-        <a href="#" onclick="${pathClick}" __pathElement="${item.element}">
-          ${__element.pathElement = item.element; item.display}
-        </a>
-      </li>
-    </ol>
-  </div>
-
 
   <!--
   A templateMatchedSelectors sits inside each templateProperties showing the

browser/themes/gnomestripe/browser/devtools/csshtmltree.css

@@ -48,35 +48,6 @@
   display: -moz-box;
 }
 
-#path {
-  font-size: 11px;
-  word-spacing: -1px;
-  margin-bottom: 0;
-  color: -moz-dialogtext;
-  background-color: -moz-dialog;
-  padding: 4px 5px 0;
-}
-#path ol {
-  list-style: none outside none;
-  margin: 0;
-  padding: 0;
-}
-#path li {
-  border-radius: 3px;
-  padding: 2px 3px;
-  font-size: 11px;
-  display: inline-block;
-}
-#path li:after {
-  content: " > ";
-}
-#path li:last-child {
-  font-weight: bold;
-  color: #0091ff;
-}
-#path li:last-child:after {
-  content: "";
-}
 
 .property-header {
   padding: 4px;
@@ -204,10 +175,6 @@
   overflow-y: auto;
 }
 
-.selectedElementLabel {
-  font-weight: bold;
-}
-
 .darkrow {
   background-color: rgba(0,0,0,.022);
 }

browser/themes/pinstripe/browser/devtools/csshtmltree.css

@@ -48,35 +48,6 @@
   display: -moz-box;
 }
 
-#path {
-  font-size: 11px;
-  word-spacing: -1px;
-  margin-bottom: 0;
-  color: -moz-dialogtext;
-  background-color: -moz-dialog;
-  padding: 4px 5px 0;
-}
-#path ol {
-  list-style: none outside none;
-  margin: 0;
-  padding: 0;
-}
-#path li {
-  border-radius: 3px;
-  padding: 2px 3px;
-  font-size: 11px;
-  display: inline-block;
-}
-#path li:after {
-  content: " > ";
-}
-#path li:last-child {
-  font-weight: bold;
-  color: #0091ff;
-}
-#path li:last-child:after {
-  content: "";
-}
 
 .property-header {
   padding: 4px;
@@ -206,10 +177,6 @@
   overflow-y: auto;
 }
 
-.selectedElementLabel {
-  font-weight: bold;
-}
-
 .darkrow {
   background-color: rgba(0,0,0,.022);
 }

browser/themes/winstripe/browser/devtools/csshtmltree.css

@@ -48,36 +48,6 @@
   display: -moz-box;
 }
 
-#path {
-  font-size: 11px;
-  word-spacing: -1px;
-  margin-bottom: 0;
-  color: -moz-dialogtext;
-  background-color: -moz-dialog;
-  padding: 4px 5px 0;
-}
-#path ol {
-  list-style: none outside none;
-  margin: 0;
-  padding: 0;
-}
-#path li {
-  border-radius: 3px;
-  padding: 2px 3px;
-  font-size: 11px;
-  display: inline-block;
-}
-#path li:after {
-  content: " > ";
-}
-#path li:last-child {
-  font-weight: bold;
-  color: #0091ff;
-}
-#path li:last-child:after {
-  content: "";
-}
-
 .property-header {
   padding: 4px;
   -moz-padding-start: 0;
@@ -206,10 +176,6 @@
   overflow-y: auto;
 }
 
-.selectedElementLabel {
-  font-weight: bold;
-}
-
 .darkrow {
   background-color: rgba(0,0,0,.022);
 }