Bug 1242601 - Change devtools "Show allocation triggers" button style to resemble a link. r=gtatum
authorKerem KAT <keremkat@gmail.com>
Wed, 04 Jan 2017 18:35:25 +0300
changeset 341763 104807b2a841
parent 341762 324fb2d465fc
child 341764 4e919ac282a4
push id86792
push usercbook@mozilla.com
push dateFri, 10 Feb 2017 08:39:04 +0000
treeherdermozilla-inbound@104807b2a841 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersgtatum
bugs1242601
milestone54.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1242601 - Change devtools "Show allocation triggers" button style to resemble a link. r=gtatum
devtools/client/performance/modules/marker-dom-utils.js
devtools/client/themes/performance.css
--- a/devtools/client/performance/modules/marker-dom-utils.js
+++ b/devtools/client/performance/modules/marker-dom-utils.js
@@ -220,17 +220,17 @@ exports.MarkerDOMUtils = {
   buildCustom: function (doc, marker, options) {
     let elements = [];
 
     if (options.allocations && shouldShowAllocationsTrigger(marker)) {
       let hbox = doc.createElement("hbox");
       hbox.className = "marker-details-customcontainer";
 
       let label = doc.createElement("label");
-      label.className = "custom-button devtools-button";
+      label.className = "custom-button";
       label.setAttribute("value", "Show allocation triggers");
       label.setAttribute("type", "show-allocations");
       label.setAttribute("data-action", JSON.stringify({
         endTime: marker.start,
         action: "show-allocations"
       }));
 
       hbox.appendChild(label);
--- a/devtools/client/themes/performance.css
+++ b/devtools/client/themes/performance.css
@@ -690,16 +690,22 @@
 
 .marker-details-duration {
   font-weight: bold;
 }
 
 .marker-details-customcontainer .custom-button {
   padding: 2px 5px;
   border-width: 1px;
+  color: var(--theme-highlight-blue);
+  text-decoration: none;
+}
+
+.marker-details-customcontainer .custom-button:hover {
+  text-decoration: underline;
 }
 
 /**
  * Marker colors
  */
 
 menuitem.marker-color-graphs-full-red .menu-iconic-left::after,
 .marker-color-graphs-full-red {