Added a command key

14 years ago · 01b622821e
parent a83ae523b4
commit 01b622821e
3 changed files with 28 additions and 2 deletions
--- a/static/application.css
+++ b/static/application.css
@ -3,6 +3,7 @@ body {
 	padding: 0px;
 	margin: 0px;
 }
+
 textarea {
 	background: transparent;
 	border: 0px;
@ -15,11 +16,31 @@ textarea {
 	resize: none;
 	font-size: 13px;
 }
+
 #box {
 	padding: 0px;
 	width: 100%;
 	height: 100%;
 }
+
 #box code {
 	padding: 20px;
+	background: transparent !important; /* don't hide hastebox */
+}
+
+#key {
+	position: absolute;
+	top: 20px;
+	right: 20px;
+	text-align: right;
+	z-index: -1000; /* watch out */
+	color: #999;
+	font-size: 13px;
+	font-family: monospace;
+}
+
+#key em {
+	display: block;
+	margin-bottom: 5px;
+	color: #ccc !important;
 }
--- a/static/application.js
+++ b/static/application.js
@ -59,8 +59,6 @@ var haste = function(appName) {
  this.configureShortcuts();
 };

-// TODO add key of commands
-
 // Set the page title - include the appName
 haste.prototype.setTitle = function(ext) {
  var title = ext ? this.appName + ' - ' + ext : this.appName;
--- a/static/index.html
+++ b/static/index.html
@ -33,6 +33,13 @@

 	<body>

+		<div id="key">
+			<em>haste</em>
+			^s - save<br>
+			^n - new<br>
+			^d - duplicate
+		</div>
+
 		<pre id="box" style="display:none;"><code></code></pre>
 		<textarea spellcheck="false" style="display:none;"></textarea>