From 8a6501998ee6b64121283d061cdd5b6f2bcc5a11 Mon Sep 17 00:00:00 2001
From: Ansis Brammanis <ansis.brammanis@gmail.com>
Date: Fri, 22 Feb 2013 19:27:57 -0500
Subject: [PATCH] Add keyboard shortcuts to operations menu tooltips

---
 css/app.css             | 5 ++---
 js/id/ui/radial_menu.js | 6 +++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/css/app.css b/css/app.css
index 00a3d3c4c..380ee0cdd 100644
--- a/css/app.css
+++ b/css/app.css
@@ -1573,8 +1573,7 @@ a.success-action {
     padding: 5px 0 5px 0;
 }
 
-.tooltip .keyhint {
-    display: block;
+.tooltip-inner .keyhint {
     color: #222;
     font-size: 10px;
     padding: 0px 7px;
@@ -1592,7 +1591,7 @@ a.success-action {
     display: inline-block;
 }
 
-.tooltip .keyhint::after {
+.tooltip-inner .keyhint::after {
     content: "";
     position: absolute;
     border-radius: 2px;
diff --git a/js/id/ui/radial_menu.js b/js/id/ui/radial_menu.js
index 0803bb3ce..b9757d6ac 100644
--- a/js/id/ui/radial_menu.js
+++ b/js/id/ui/radial_menu.js
@@ -78,7 +78,11 @@ iD.ui.RadialMenu = function(operations) {
                 .attr('y', (r + 25) * Math.cos(angle) + dy)
                 .style('display', 'block')
                 .select('div')
-                .text(d.description);
+                .text(d.description + ' ')
+                .append('span')
+                    .style('position', 'static')
+                    .attr('class', 'keyhint')
+                    .text(d.key.replace('⌫', 'Esc'));
         }
 
         function mouseout() {