Tasks: Implement task lists overview

1 files changed, 13 insertions, 4 deletions

diff --git a/apps/tasks/css/style.css b/apps/tasks/css/style.css
index 52c7178e973..f5c3378bc4f 100644
--- a/apps/tasks/css/style.css
+++ b/apps/tasks/css/style.css
@@ -1,14 +1,22 @@
 #tasks p.loading{margin:15px;}
-#tasks{position:fixed; overflow: auto; top:6.4em; width:50em; background:#f8f8f8; border-right:1px solid #ddd; }
+#tasks{position:fixed; overflow: auto; top:6.4em;width:71em;}
+#tasks_lists,#tasks_list{height:100%;background:#f8f8f8; border-right:1px solid #ddd;float:left;}
+#tasks_lists{width:20em;}
+#tasks_lists .done{color:#C7C7C7;}
+#tasks_list{width:50em;}
 #task_details{position:absolute;left:63em;top:6.4em;}
 #task_details th{padding:2px;text-align:right;vertical-align:top; }
 #task_details td{padding:2px;text-align:left;vertical-align:top; }
 .error_msg{color:red;}
 .error{border-color:red;border-width:2px;}
-.task{position:relative;padding:0.5em 1em;}
+#tasks_lists div{position:relative;padding:0.5em 1em;}
+#tasks_lists .active{font-weight:bold;}
 .task_actions{display:none;}
 #tasks h1{background-color:#1D2D44;color:white;font-size:120%;padding:0 0.5em;}
 
+.task{border-radius:0.4em;position:relative;padding:0.5em 1em;}
+.task:hover {background-color:#DDDDDD;}
+
 .task .priority{background-color:black;color:white;position:absolute;top:0.5em}
 .task .priority-n{height:2.66ex;width:0.6em;}
 .task .priority-1{background:rgb(255,0,0);}
@@ -31,7 +39,8 @@
 .task .tag.active{border-color:black;opacity:0.6;}
 .task .tag.active:hover{opacity:0.8;}
 
-.task .categories{position:absolute;right:6em;text-align:right;top:0.5em}
+.task .categories{position:absolute;right:6em;text-align:right;top:0.4em}
 .task .categories a{background-color:#1d2d44;color:white;}
+.task .categories .tag.active{display:none}
 
-.task .location{background-color:#442d44;color:white;position:absolute;right:0.6em;width:4.2em;text-align:left;top:0.5em}
+.task .location{background-color:#442d44;color:white;position:absolute;right:0.6em;width:4.2em;text-align:left;top:0.4em}