Merge pull request #106 from tatermelon/editablecells

Update to editable cells

examples/grid/css/dataGrid.css

@@ -4,7 +4,7 @@
 }
 
 .hidden {
-	display: none;
+	display: none !important;
 }
 
 [role="button"] {
@@ -38,3 +38,25 @@
   right: 1em;
   top: 0.8em;
 }
+
+.edit-text-button {
+	display: block;
+	position: relative;
+}
+
+.edit-text-button:hover {
+	opacity: 0.6;
+}
+
+.edit-text-button::after {
+	background-image: url('../imgs/pencil-icon.png');
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: 44px;
+	content: ' ';
+	height: 17px;
+	position: absolute;
+	right: -24px;
+	top: 0px;
+	width: 20px;
+}

examples/grid/css/menuButton.css

@@ -0,0 +1,35 @@
+button {
+  cursor: pointer;
+  font-size: 110%;
+}
+
+.menu-wrapper {
+  position: relative
+}
+
+ul[role="menu"] {
+  display: none;
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
+}
+
+ul[role="menu"] li {
+  list-style: none;
+}
+
+[role="menu"] {
+  padding: 0;
+  width: 8em;
+  border: thin solid black;
+  background-color: #EEEEEE;
+}
+[role="menuitem"] {
+  padding: 0.25em;
+}
+
+[role="menuitem"]:focus,
+[role="menuitem"]:hover {
+  background-color: #FFFFFF;
+}