Bug 777681 - [rule view] Abbreviate long CSS file name source links. r=jwalker

browser/devtools/styleinspector/CssRuleView.jsm

@@ -1101,8 +1101,7 @@ RuleEditor.prototype = {
 
     // Add the source link.
     let source = createChild(this.element, "div", {
-      class: "ruleview-rule-source theme-link",
-      textContent: this.rule.title
+      class: "ruleview-rule-source theme-link"
     });
     source.addEventListener("click", function() {
       let rule = this.rule;
@@ -1112,6 +1111,11 @@ RuleEditor.prototype = {
       });
       this.element.dispatchEvent(evt);
     }.bind(this));
+    let sourceLabel = this.doc.createElementNS(XUL_NS, "label");
+    sourceLabel.setAttribute("crop", "center");
+    sourceLabel.setAttribute("value", this.rule.title);
+    sourceLabel.setAttribute("tooltiptext", this.rule.title);
+    source.appendChild(sourceLabel);
 
     let code = createChild(this.element, "div", {
       class: "ruleview-code"

browser/devtools/styleinspector/test/browser_ruleview_editor_changedvalues.js

@@ -133,9 +133,10 @@ function testEditProperty()
     }
   });
 
-  EventUtils.synthesizeMouse(propEditor.nameSpan, 1, 1,
+  EventUtils.synthesizeMouse(propEditor.nameSpan, 32, 1,
                              { },
-                             ruleDialog);}
+                             ruleDialog);
+}
 
 function finishTest()
 {

browser/devtools/styleinspector/test/browser_ruleview_ui.js

@@ -177,7 +177,7 @@ function testEditProperty()
     }
   });
 
-  EventUtils.synthesizeMouse(propEditor.nameSpan, 1, 1,
+  EventUtils.synthesizeMouse(propEditor.nameSpan, 32, 1,
                              { },
                              ruleDialog);
 }