Add column headings to keymap table

knolleary · knolleary · commit eb027d98aaef · 2017-01-11T14:15:29.000Z
diff --git a/editor/js/ui/keyboard.js b/editor/js/ui/keyboard.js
@@ -263,6 +263,11 @@ RED.keyboard = (function() {
         }
         if (!shortcutDialog) {
             shortcutDialog = $('<div id="keyboard-help-dialog" class="hide">'+
+                '<div class="keyboard-shortcut-entry keyboard-shortcut-list-header">'+
+                    '<div class="keyboard-shortcut-entry-key">shortcut</div>'+
+                    '<div class="keyboard-shortcut-entry-key">action</div>'+
+                    '<div class="keyboard-shortcut-entry-scope">scope</div>'+
+                '</div>'+
                 '<ol id="keyboard-shortcut-list"></ol>'+
                 '</div>')
             .appendTo("body");
diff --git a/editor/sass/keyboard.scss b/editor/sass/keyboard.scss
@@ -16,10 +16,18 @@
 
 #keyboard-help-dialog {
     font-size: 0.9em;
+    padding-top: 10px;
+
+}
+.keyboard-shortcut-entry.keyboard-shortcut-list-header {
+    padding:0 30px 0 5px;
+    div {
+        color: #666 !important;
+    }
 }
 #keyboard-shortcut-list {
     position: absolute;
-    top:10px;
+    top:30px;
     left:10px;
     right:10px;
     bottom:10px;
