e2m/haste-server
6
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added the arrow pointer in

Browse Source
This commit is contained in:
John Crepezzi 2011-11-28 09:39:31 -05:00
parent 315333d8eb
commit 9e046ba8eb
4 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
TODO.md
View File

@ -7,6 +7,7 @@
* Add file extensions ourselves to push state * Add file extensions ourselves to push state
* Proper markdown highlighting * Proper markdown highlighting
* Better about page text * Better about page text
* Collapse CSS rules to get rid of the #key .box1 nonsense
# shared version only # shared version only

15
static/application.css
View File

@ -45,9 +45,9 @@ textarea {
} }
#key .box2 { #key .box2 {
padding: 5px;
background: #08323c; background: #08323c;
font-size: 0px; font-size: 0px;
padding: 0px 5px;
} }
#key .box1 a.logo, #key .box1 a.logo:visited { #key .box1 a.logo, #key .box1 a.logo:visited {
@ -66,6 +66,7 @@ textarea {
width: 32px; width: 32px;
height: 37px; height: 37px;
display: inline-block; display: inline-block;
position: relative;
} }
#key .box2 .function.enabled:hover { #key .box2 .function.enabled:hover {
@ -73,6 +74,18 @@ textarea {
cursor: pointer; cursor: pointer;
} }
#pointer {
display: block;
height: 5px;
width: 10px;
background: url(hover-dropdown-tip.png);
bottom: 0px;
position: absolute;
margin: auto;
left: 0px;
right: 0px;
}
#key .box3 { #key .box3 {
background: #173e48; background: #173e48;
font-family: Helvetica, sans-serif; font-family: Helvetica, sans-serif;

2
static/application.js
View File

@ -254,10 +254,12 @@ haste.prototype.configureButton = function(options) {
$('#key .box3 .label').text(options.label); $('#key .box3 .label').text(options.label);
$('#key .box3 .shortcut').text(options.shortcutDescription || ''); $('#key .box3 .shortcut').text(options.shortcutDescription || '');
$('#key .box3').show(); $('#key .box3').show();
$(this).append($('#pointer').remove().show());
}); });
// Hide the label // Hide the label
options.$where.mouseleave(function(evt) { options.$where.mouseleave(function(evt) {
$('#key .box3').hide(); $('#key .box3').hide();
$('#pointer').hide();
}); });
}; };

1
static/index.html
View File

@ -45,6 +45,7 @@
<body> <body>
<div id="key"> <div id="key">
<div id="pointer" style="display:none;"></div>
<div class="box1"> <div class="box1">
<a href="/about" class="logo"></a> <a href="/about" class="logo"></a>
</div> </div>