mirror of
https://github.com/seejohnrun/haste-server.git
synced 2024-11-22 12:41:21 +00:00
Added the arrow pointer in
This commit is contained in:
parent
315333d8eb
commit
9e046ba8eb
4 changed files with 18 additions and 1 deletions
1
TODO.md
1
TODO.md
|
@ -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
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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();
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue