Fix task checkbox element

cozy · Feb 20, 2015 · bd3dae0 · bd3dae0
1 parent d6c2844
commit bd3dae0
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 22 deletions.
diff --git a/client/app/styles/editor.styl b/client/app/styles/editor.styl
@@ -29,17 +29,16 @@ div[data-type="task"]
     border: 0.1em solid lightblue
     z-index: 10
 
-.CNE_task_btn
-    background: blue
-    content: "todo"
-
-div[data-state="done"] > .CNE_task_btn
-    background: green
-
 div[data-state="done"][data-type="task"]
     background: green + 90%
     border: 0.1em solid #CCC
     z-index: -10
 
-div[data-state="done"] > .CNE_task_btn:hover
-    background-color: orange
+.CNE_task_btn
+    display inline-block
+    margin 0 0.3em
+    font-size: 0
+    cursor pointer
+
+    &::before
+        font-size 16px
diff --git a/client/vendor/styles/CNeditor.css b/client/vendor/styles/CNeditor.css
@@ -369,7 +369,30 @@ div[ data-state = "done"] {
 div[ data-state = "done"] > span {
   color: #777;
 }
-.CNE_task_btn {
+
+.CNE_task_btn::before {
+  content: "\f0c8";
+  color: #34a6ff;
+  /* Font-awesome styles */
+  display:inline-block;
+  font:normal normal normal 14px/1 FontAwesome;
+  font-size:inherit;
+  text-rendering:auto;
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale;
+  transform:translate(0, 0);
+}
+
+.CNE_task_btn:hover::before {
+  color: #fe8800;
+}
+
+[data-state=done] .CNE_task_btn::before {
+  content: "\f14a";
+  color: #5c5;
+}
+
+/*.CNE_task_btn {
   display: inline-block;
   width: 0.6em;
   font-size: 0;
@@ -391,15 +414,8 @@ div[ data-state = "done"] > .CNE_task_btn {
   background: #ffa032;
   border-color: #ffa032;
   font-weight: bold;
-}
-.CNE_task_btn::-moz-selection {
-  color: #fff;
-  background: #fff;
-}
-.CNE_task_btn::selection {
-  color: #fff;
-  background: #fff;
-}
+}*/
+
 .Th-1 {
   margin-left: 0;
   padding-left: 0;
@@ -1077,6 +1093,3 @@ a {
   font-size: 0.8em;
   width: 15em;
 }
-
-
-/*@ sourceMappingURL=CNeditor.css.map*/