nakarte

commit f48f83b20d220a2de072446fed13c9df7edabe66
parent ff984a79040141c35825265a68bbe8c9f7e36d9e
Author: Tarwirdur Turon <tarwirdur@ya.ru>
Date:   Sat, 13 Apr 2019 14:08:10 +0300

context menu styles: add "cursor: pointer" to action item, remove :hover highlight from header

Diffstat:
M
src/lib/contextmenu/contextmenu.css
 | 
6
+++++-
M
src/lib/contextmenu/index.js
 | 
3
++-

2 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/src/lib/contextmenu/contextmenu.css b/src/lib/contextmenu/contextmenu.css
@@ -25,7 +25,11 @@
     cursor: default;
 }
 
-.contextmenu .item:hover {
+.contextmenu .item.action {
+    cursor: pointer;
+}
+
+.contextmenu .item.action:hover {
     background-color: hsl(0, 0%, 95%);
 }
 
diff --git a/src/lib/contextmenu/index.js b/src/lib/contextmenu/index.js
@@ -122,13 +122,14 @@ class Contextmenu {
         if (itemOptions.header) {
             className += ' header';
         }
-        el.className = className;
         el.innerHTML = itemOptions.text;
 
         const callback = itemOptions.callback;
         if (callback && !itemOptions.disabled) {
+            className += ' action';
             el.addEventListener('click', this.onItemClick.bind(this, callback));
         }
+        el.className = className;
         return el;
     }