1580164 - Tooltips for pause overlay buttons

Status: NEW

(DevTools :: Debugger, enhancement, P3)

Description

[Jan Honza Odvarko [:Honza] (always need-info? me)]

The pause overlay buttons are great, but having tooltips explaining the purpose would make the even better!

Honza

Comment 1

[David Walsh :davidwalsh]

I agree but I think the title attribute is nullified by the same workings that prevent hover styles. For example, this does nothing:

   setPreviewPosition(node) {
diff --git a/devtools/server/actors/highlighters/paused-debugger.js b/devtools/server/actors/highlighters/paused-debugger.js
--- a/devtools/server/actors/highlighters/paused-debugger.js
+++ b/devtools/server/actors/highlighters/paused-debugger.js
@@ -93,6 +93,7 @@ PausedDebuggerOverlay.prototype = {
         attributes: {
           id: "step-button-wrapper",
           class: "step-button-wrapper",
+          title: "Step",
         },
         prefix,
       });
@@ -112,6 +113,7 @@ PausedDebuggerOverlay.prototype = {
         attributes: {
           id: "resume-button-wrapper",
           class: "resume-button-wrapper",
+          title: "Resume",
         },
         prefix,
       });

I think this may require platform work.