disabled menu items and tickmarks
parent
a3a3aa8a77
commit
417ed67d45
8
app.js
8
app.js
|
@ -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();
|
||||
|
|
11
classic.css
11
classic.css
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue