Added a command key
This commit is contained in:
parent
a83ae523b4
commit
01b622821e
|
@ -3,6 +3,7 @@ body {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
|
@ -15,11 +16,31 @@ textarea {
|
||||||
resize: none;
|
resize: none;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#box {
|
#box {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#box code {
|
#box code {
|
||||||
padding: 20px;
|
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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -59,8 +59,6 @@ var haste = function(appName) {
|
||||||
this.configureShortcuts();
|
this.configureShortcuts();
|
||||||
};
|
};
|
||||||
|
|
||||||
// TODO add key of commands
|
|
||||||
|
|
||||||
// Set the page title - include the appName
|
// Set the page title - include the appName
|
||||||
haste.prototype.setTitle = function(ext) {
|
haste.prototype.setTitle = function(ext) {
|
||||||
var title = ext ? this.appName + ' - ' + ext : this.appName;
|
var title = ext ? this.appName + ' - ' + ext : this.appName;
|
||||||
|
|
|
@ -33,6 +33,13 @@
|
||||||
|
|
||||||
<body>
|
<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>
|
<pre id="box" style="display:none;"><code></code></pre>
|
||||||
<textarea spellcheck="false" style="display:none;"></textarea>
|
<textarea spellcheck="false" style="display:none;"></textarea>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue