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 342263 104807b2a841
parent 342262 324fb2d465fc
child 342264 4e919ac282a4
push id31347
push userkwierso@gmail.com
push dateFri, 10 Feb 2017 23:23:41 +0000
treeherdermozilla-central@855e6b2f6199 [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 {