From 14c2998c4ac0a56857014fb8b4d403b52dbc686e Mon Sep 17 00:00:00 2001
From: Frédéric Guillot <fred@kanboard.net>
Date: Fri, 23 May 2014 11:59:23 -0400
Subject: Improve css and phpdoc comments

---
 assets/css/app.css | 126 ++++++++++++++++++++++++-----------------------------
 assets/js/board.js |   4 +-
 2 files changed, 58 insertions(+), 72 deletions(-)

(limited to 'assets')

diff --git a/assets/css/app.css b/assets/css/app.css
index 78fc29bd..fcfe6b1a 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -478,7 +478,7 @@ nav .active a {
     padding-left: 0;
 }
 
-/* boards */
+/* board */
 .page-header.board {
     margin-bottom: 0;
 }
@@ -506,6 +506,11 @@ nav .active a {
     font-size: 0.8em;
 }
 
+a.filter-on {
+    font-weight: bold;
+    color: #333;
+}
+
 .public-board {
     margin-top: 5px;
 }
@@ -523,32 +528,67 @@ nav .active a {
     background-color: red;
 }
 
-a.filter-on {
+.draggable-item {
+    cursor: pointer;
+    user-select: none;
+}
+
+.draggable-placeholder {
+    border: 2px dashed #000;
+    background: #fafafa;
+    height: 70px;
+    margin-bottom: 10px;
+}
+
+/* task inside the board */
+.task-board {
+    position: relative;
+    margin-right: 5px;
+    margin-bottom: 10px;
+    border: 1px solid #000;
+    padding: 5px;
+    font-size: 95%;
+}
+
+.task-table a,
+.task-board a {
+    color: #000;
+    text-decoration: none;
     font-weight: bold;
-    color: #333;
 }
 
-.task-title {
+.task-table a:focus,
+.task-table a:hover,
+.task-board a:focus,
+.task-board a:hover {
+    text-decoration: underline;
+}
+
+.task-board-title {
     margin-top: 10px;
     font-size: 110%;
 }
 
-.task-user {
+.task-board-title a {
+    font-weight: normal;
+}
+
+.task-board-user {
     font-size: 80%;
 }
 
-.task a.task-nobody {
+a.task-board-nobody {
     font-weight: normal;
     font-style: italic;
     color: #444;
 }
 
-.task-category-container {
+.task-board-category-container {
     text-align: right;
     padding-bottom: 2px;
 }
 
-.task-category {
+.task-board-category {
     font-weight: bold;
     font-size: 0.8em;
     color: #000;
@@ -559,7 +599,11 @@ a.filter-on {
     padding-left: 5px;
 }
 
-.task-date {
+.task-board-footer {
+    height: 18px;
+}
+
+.task-board-date {
     position: absolute;
     bottom: 0;
     left: 5px;
@@ -567,82 +611,24 @@ a.filter-on {
     color: #D90000;
 }
 
-.task-icons {
+.task-board-icons {
     position: absolute;
     bottom: 0;
     right: 5px;
 }
 
-.task-footer {
-    height: 18px;
-}
-
-.task {
-    border: 1px solid #000;
-    padding: 5px;
-    font-size: 95%;
-}
-
-td.over {
-    background-color: #f0f0f0;
-}
-
-td div.over {
-    border: 2px dashed #000;
-}
-
-.draggable-item {
-    cursor: pointer;
-    user-select: none;
-}
-
-.draggable-placeholder {
-    border: 2px dashed #000;
-    background: #fafafa;
-    height: 70px;
-    margin-bottom: 10px;
-}
-
-tr td.task a,
-div.task a {
-    color: #000;
-    text-decoration: none;
-    font-weight: bold;
-}
-
-tr td.task a:focus,
-tr td.task a:hover,
-div.task a:focus,
-div.task a:hover {
-    text-decoration: underline;
-}
-
-div.task-title a {
-    font-weight: normal;
-}
-
-div.task {
-    position: relative;
-    margin-right: 5px;
-    margin-bottom: 10px;
-}
-
+/* task score */
 .task-score {
     font-weight: bold;
     position: absolute;
 }
 
-div.task .task-score {
+.task-board .task-score {
     font-size: 1.5em;
     right: 5px;
     top: 0;
 }
 
-.task-table-icons {
-    float: right ;
-    text-align: right;
-}
-
 /* task view */
 .task-show {
     position: relative;
diff --git a/assets/js/board.js b/assets/js/board.js
index 357849e6..f5547310 100644
--- a/assets/js/board.js
+++ b/assets/js/board.js
@@ -15,7 +15,7 @@
         });
 
         // Open assignee popover
-        $(".task-user a").click(function(e) {
+        $(".task-boad-user a").click(function(e) {
 
             e.preventDefault();
             e.stopPropagation();
@@ -60,7 +60,7 @@
         $(".column").each(function() {
             var columnId = $(this).attr("data-column-id");
 
-            $("#column-" + columnId + " .task").each(function(index) {
+            $("#column-" + columnId + " .task-board").each(function(index) {
                 data.push({
                     "task_id": parseInt($(this).attr("data-task-id")),
                     "position": index + 1,
-- 
cgit v1.2.3