update #651 right-click contex menu

collectivemedia · Sep 30, 2015 · 2b74f46 · 2b74f46
1 parent 8cf7e0c
commit 2b74f46
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 7 deletions.
diff --git a/celos-ui/src/main/webapp/static/css/style.css b/celos-ui/src/main/webapp/static/css/style.css
@@ -87,4 +87,18 @@
     z-index: 10;
     border: 1px solid #000;
     background: #fff;
-}
+    overflow: hidden;
+    color: #333;
+    padding: 0;
+}
+
+/* Each of the items in the list */
+.context-menu li {
+    padding: 8px 12px;
+    cursor: pointer;
+    list-style-type: none;
+}
+
+.context-menu li:hover {
+    background-color: #DEF;
+}
diff --git a/celos-ui/src/main/webapp/static/js/app.js b/celos-ui/src/main/webapp/static/js/app.js
@@ -244,12 +244,12 @@ var ContextMenu = React.createClass({
         }
         // else
         return (
-            React.DOM.div({className: "context-menu",
-                           style: {top: this.props.y, left: this.props.x}},
-                React.DOM.li(null,
-                    React.DOM.ul(null, "sss"),
-                    React.DOM.ul(null, "xxx"),
-                    React.DOM.ul(null, "zzz"))))
+            React.DOM.ul({className: "context-menu",
+                          style: {top: this.props.y,
+                                  left: this.props.x}},
+                React.DOM.li(null, "First thing"),
+                React.DOM.li(null, "Second thing"),
+                React.DOM.li(null, "Third thing")))
     }
 });