add keyboard shortcuts to getting started (fixes #275)

2017-12-20 09:50:29 -06:00
parent 14aae9c05c
commit 9042f9a813
5 changed files with 144 additions and 4 deletions
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@ -2297,6 +2297,27 @@
  }
 }

+.keyboard-shortcuts {
+  padding: 8px 0 0;
+  overflow: hidden;
+
+  thead {
+    position: absolute;
+    left: -9999px;
+  }
+
+  td {
+    padding: 0 10px 8px;
+  }
+
+  code {
+    display: inline-block;
+    padding: 3px 5px;
+    background-color: lighten($ui-base-color, 8%);
+    border: 1px solid darken($ui-base-color, 4%);
+  }
+}
+
 .setting-text {
  color: $ui-primary-color;
  background: transparent;