Add dropdown menu to the tasks

3 files changed, 60 insertions, 80 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 974ac6e9..d30ec528 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -1479,7 +1479,7 @@ a.task-board-nobody {
 
 .task-board-category {
     font-weight: bold;
-    font-size: 0.8em;
+    font-size: 0.9em;
     color: #000;
     border: 1px solid #555;
     border-radius: 4px;
@@ -1489,13 +1489,13 @@ a.task-board-nobody {
 }
 
 .task-board-footer {
-    height: 18px;
+    height: 20px;
 }
 
 .task-board-date {
     position: absolute;
     bottom: 0;
-    left: 5px;
+    left: 0;
     font-weight: bold;
     color: #000;
 }
@@ -2002,51 +2002,26 @@ a.task-board-nobody {
         height: 18px;
     }
 }
-/*
- * Dropit v1.1.0
- * http://dev7studios.com/dropit
- *
- * Copyright 2012, Dev7studios
- * Free to use and abuse under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
- */
-
-/* These styles assume you are using ul and li */
-.dropit {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+.dropdown {
+    position: relative;
 }
 
-.dropit .dropit-trigger {
-    position: relative;
+.dropdown li {
+    list-style: none;
 }
 
-.dropit .dropit-submenu {
+/* submenu */
+.dropdown ul {
+    display: none;
     position: absolute;
-    top: 100%;
-    left: 0; /* dropdown left or right */
+    left: 0;
     z-index: 1000;
-    display: none;
     min-width: 180px;
     list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-.dropit .dropit-open .dropit-submenu {
-    display: block;
-}
-
-.dropdown ul {
-    display: none; /* Hide before plugin loads */
-}
-
-.dropdown ul.dropit-submenu {
+    margin: 3px 0 0 1px;
+    padding: 6px 0;    
     background-color: #fff;
     border: 1px solid #b2b2b2;
-    padding: 6px 0;
-    margin: 3px 0 0 1px;
     -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
             border-radius: 3px;
@@ -2055,13 +2030,14 @@ a.task-board-nobody {
             box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
 }
 
-.dropdown ul.dropit-submenu li {
+.dropdown ul li {
     padding: 0;
     margin: 0;
     font-size: 1.1em;
     display: block;
     line-height: 30px;
     padding-left: 10px;
+    padding-right: 10px;
 }
 
 .page-header ul.dropdown {
@@ -2070,4 +2046,18 @@ a.task-board-nobody {
 
 .page-header a.dropdown-menu {
     font-size: 1.1em;
-}
\ No newline at end of file
+}
+
+td li.dropit-trigger {
+    margin: 0;
+}
+
+.task-board .dropit-submenu a {
+    font-weight: normal;
+    text-decoration: underline;
+    font-size: 0.9em;
+}
+
+.task-board .dropit-submenu a:hover {
+    text-decoration: none;
+}
diff --git a/assets/css/src/dropdown.css b/assets/css/src/dropdown.css
index ad6db300..3d176516 100644
--- a/assets/css/src/dropdown.css
+++ b/assets/css/src/dropdown.css
@@ -1,48 +1,23 @@
-/*
- * Dropit v1.1.0
- * http://dev7studios.com/dropit
- *
- * Copyright 2012, Dev7studios
- * Free to use and abuse under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
- */
-
-/* These styles assume you are using ul and li */
-.dropit {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+.dropdown {
+    position: relative;
 }
 
-.dropit .dropit-trigger {
-    position: relative;
+.dropdown li {
+    list-style: none;
 }
 
-.dropit .dropit-submenu {
+/* submenu */
+.dropdown ul {
+    display: none;
     position: absolute;
-    top: 100%;
-    left: 0; /* dropdown left or right */
+    left: 0;
     z-index: 1000;
-    display: none;
     min-width: 180px;
     list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-.dropit .dropit-open .dropit-submenu {
-    display: block;
-}
-
-.dropdown ul {
-    display: none; /* Hide before plugin loads */
-}
-
-.dropdown ul.dropit-submenu {
+    margin: 3px 0 0 1px;
+    padding: 6px 0;    
     background-color: #fff;
     border: 1px solid #b2b2b2;
-    padding: 6px 0;
-    margin: 3px 0 0 1px;
     -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
             border-radius: 3px;
@@ -51,13 +26,14 @@
             box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
 }
 
-.dropdown ul.dropit-submenu li {
+.dropdown ul li {
     padding: 0;
     margin: 0;
     font-size: 1.1em;
     display: block;
     line-height: 30px;
     padding-left: 10px;
+    padding-right: 10px;
 }
 
 .page-header ul.dropdown {
@@ -66,4 +42,18 @@
 
 .page-header a.dropdown-menu {
     font-size: 1.1em;
-}
\ No newline at end of file
+}
+
+td li.dropit-trigger {
+    margin: 0;
+}
+
+.task-board .dropit-submenu a {
+    font-weight: normal;
+    text-decoration: underline;
+    font-size: 0.9em;
+}
+
+.task-board .dropit-submenu a:hover {
+    text-decoration: none;
+}
diff --git a/assets/css/src/task.css b/assets/css/src/task.css
index dda77e92..d5b004ee 100644
--- a/assets/css/src/task.css
+++ b/assets/css/src/task.css
@@ -63,7 +63,7 @@ a.task-board-nobody {
 
 .task-board-category {
     font-weight: bold;
-    font-size: 0.8em;
+    font-size: 0.9em;
     color: #000;
     border: 1px solid #555;
     border-radius: 4px;
@@ -73,13 +73,13 @@ a.task-board-nobody {
 }
 
 .task-board-footer {
-    height: 18px;
+    height: 20px;
 }
 
 .task-board-date {
     position: absolute;
     bottom: 0;
-    left: 5px;
+    left: 0;
     font-weight: bold;
     color: #000;
 }