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",
|
shortcut: "Alt+F4",
|
||||||
action: function(){
|
action: function(){
|
||||||
window.close();
|
window.close();
|
||||||
|
@ -307,11 +307,15 @@ $.each({
|
||||||
var $label = $(E("td")).addClass("jspaint-menu-item-label");
|
var $label = $(E("td")).addClass("jspaint-menu-item-label");
|
||||||
var $shortcut = $(E("td")).addClass("jspaint-menu-item-shortcut");
|
var $shortcut = $(E("td")).addClass("jspaint-menu-item-shortcut");
|
||||||
var $submenu_area = $(E("td")).addClass("jspaint-menu-item-submenu-area");
|
var $submenu_area = $(E("td")).addClass("jspaint-menu-item-submenu-area");
|
||||||
|
$item.append($checkbox_area, $label, $shortcut, $submenu_area);
|
||||||
|
|
||||||
$label.html(_html(item.item));
|
$label.html(_html(item.item));
|
||||||
$shortcut.text(item.shortcut);
|
$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(){
|
$item.on("click", function(){
|
||||||
$menus.find(".jspaint-menu-button").trigger("release");
|
$menus.find(".jspaint-menu-button").trigger("release");
|
||||||
item.action && item.action();
|
item.action && item.action();
|
||||||
|
|
11
classic.css
11
classic.css
|
@ -58,10 +58,17 @@
|
||||||
padding: 1px 3px;
|
padding: 1px 3px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
}
|
}
|
||||||
|
.jspaint-menu-item[disabled] {
|
||||||
|
text-shadow: 0.8px 0.8px 0px #fff;
|
||||||
|
}
|
||||||
.jspaint-menu-item:hover,
|
.jspaint-menu-item:hover,
|
||||||
.jspaint-menu-item.active {
|
.jspaint-menu-item.active {
|
||||||
background: #007;
|
background: #007;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
.jspaint-menu-item[disabled] {
|
||||||
|
color: #808080;
|
||||||
}
|
}
|
||||||
.jspaint-menu-hr {
|
.jspaint-menu-hr {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
|
@ -75,6 +82,10 @@
|
||||||
.jspaint-menu-hotkey {
|
.jspaint-menu-hotkey {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
.jspaint-menu-item-checkbox-area,
|
||||||
|
.jspaint-menu-item-submenu-area {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.jspaint-status-area {
|
.jspaint-status-area {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
Loading…
Reference in New Issue