disabled menu items and tickmarks

main
Isaiah Odhner 2014-05-24 00:52:31 -04:00
parent a3a3aa8a77
commit 417ed67d45
2 changed files with 17 additions and 2 deletions

8
app.js
View File

@ -118,7 +118,7 @@ $.each({
},
____________________________,
{
item: "E&xit :O :O :O",
item: "E&xit",
shortcut: "Alt+F4",
action: function(){
window.close();
@ -307,11 +307,15 @@ $.each({
var $label = $(E("td")).addClass("jspaint-menu-item-label");
var $shortcut = $(E("td")).addClass("jspaint-menu-item-shortcut");
var $submenu_area = $(E("td")).addClass("jspaint-menu-item-submenu-area");
$item.append($checkbox_area, $label, $shortcut, $submenu_area);
$label.html(_html(item.item));
$shortcut.text(item.shortcut);
$item.attr("disabled", item.disabled);
if(item.checkbox){
$checkbox_area.text("✓");
}
$item.append($checkbox_area, $label, $shortcut, $submenu_area);
$item.on("click", function(){
$menus.find(".jspaint-menu-button").trigger("release");
item.action && item.action();

View File

@ -58,10 +58,17 @@
padding: 1px 3px;
margin: 2px;
}
.jspaint-menu-item[disabled] {
text-shadow: 0.8px 0.8px 0px #fff;
}
.jspaint-menu-item:hover,
.jspaint-menu-item.active {
background: #007;
color: #fff;
text-shadow: none;
}
.jspaint-menu-item[disabled] {
color: #808080;
}
.jspaint-menu-hr {
display: block !important;
@ -75,6 +82,10 @@
.jspaint-menu-hotkey {
text-decoration: underline;
}
.jspaint-menu-item-checkbox-area,
.jspaint-menu-item-submenu-area {
text-align: center;
}
.jspaint-status-area {
overflow: hidden;