Add keyboard shortcut note

client/modules/IDE/components/KeyboardShortcutModal.jsx

@@ -3,7 +3,11 @@ import { metaKeyName, } from '../../../utils/metaKey';
 
 function KeyboardShortcutModal() {
   return (
-    <ul className="keyboard-shortcuts" title="keyboard shortcuts">
+    <div className="keyboard-shortcuts">
+      <div className="keyboard-shortcuts-note">
+        <strong>Note:</strong> our keyboard shortcuts follow <a href="https://shortcuts.design/toolspage-sublimetext.html" target="_blank" rel="noopener noreferrer">Sublime Text shortcuts</a>
+      </div>
+      <ul title="keyboard shortcuts">
         <li className="keyboard-shortcut-item">
           <span className="keyboard-shortcut__command">{'\u21E7'} + Tab</span>
           <span>Tidy</span>
@@ -74,19 +78,8 @@ function KeyboardShortcutModal() {
           </span>
           <span>Turn off Accessible Output</span>
         </li>
-      <li className="keyboard-shortcut-item">
-        <span className="keyboard-shortcut__command">
-          {metaKeyName} + B
-        </span>
-        <span>Toggle Sidebar</span>
-      </li>
-      <li className="keyboard-shortcut-item">
-        <span className="keyboard-shortcut__command">
-          Ctrl + `
-        </span>
-        <span>Toggle Console</span>
-      </li>
       </ul>
+    </div>
   );
 }
 

client/styles/components/_keyboard-shortcuts.scss

@@ -4,6 +4,11 @@
   width: #{450 / $base-font-size}rem;
 }
 
+.keyboard-shortcuts-note {
+  text-align: center;
+  margin-bottom: 24px;
+}
+
 .keyboard-shortcut-item {
   display: flex;
   & + & {