# 0.12.1

.kanbn/board.css

@@ -0,0 +1,25 @@
+.kanbn-column-wip .kanbn-column-task-list {
+  border-color: #6929c4;
+}
+.kanbn-column-next .kanbn-column-task-list {
+  border-color: #1192e8;
+}
+.kanbn-column-wait .kanbn-column-task-list {
+  border-color: #005d5d;
+}
+.kanbn-column-later .kanbn-column-task-list {
+  border-color: #9f1853;
+}
+.kanbn-column-maybe .kanbn-column-task-list {
+  border-color: #fa4d56;
+}
+.kanbn-column-friday .kanbn-column-task-list {
+  border-color: #570408;
+}
+.kanbn-column-done .kanbn-column-task-list {
+  border-color: #198038;
+}
+.kanbn-task-data-relation {
+  display: block;
+  color: #198038;
+}

.kanbn/index.md

@@ -10,7 +10,6 @@ completedColumns:
 ## Backlog
 
 - [review-save-options](tasks/review-save-options.md)
-- [review-adding-more-on-item-card](tasks/review-adding-more-on-item-card.md)
 - [can-this-run-in-the-browser](tasks/can-this-run-in-the-browser.md)
 
 ## Todo
@@ -19,11 +18,11 @@ completedColumns:
 
 ## In Progress
 
-- [fix-relations-bug](tasks/fix-relations-bug.md)
-
 ## Done
 
 - [add-link-to-raw-in-panel-view](tasks/add-link-to-raw-in-panel-view.md)
 - [add-raw-button-in-create-new-task](tasks/add-raw-button-in-create-new-task.md)
 - [make-tags-linkable](tasks/make-tags-linkable.md)
 - [show-relations-on-the-item-card](tasks/show-relations-on-the-item-card.md)
+- [understand-how-relations-work](tasks/understand-how-relations-work.md)
+- [review-adding-more-on-item-card](tasks/review-adding-more-on-item-card.md)

.kanbn/tasks/review-adding-more-on-item-card.md

@@ -1,10 +1,11 @@
 ---
 created: 2023-05-25T04:01:15.185Z
-updated: 2023-05-25T04:02:20.638Z
+updated: 2023-05-26T03:27:06.579Z
 assigned: ""
 progress: 0
 tags:
   - Maybe
+completed: 2023-05-26T03:26:02.606Z
 ---
 
 # Review adding more on item card

.kanbn/tasks/understand-how-relations-work.md

@@ -0,0 +1,25 @@
+---
+created: 2023-05-25T18:54:00.309Z
+updated: 2023-05-26T03:26:57.786Z
+assigned: ""
+progress: 0
+tags: []
+started: 2023-05-25T00:00:00.000Z
+completed: 2023-05-26T03:25:48.979Z
+---
+
+# Understand how relations work
+
+I started to look at th kanbn project all in javascript but I don't know how to reference it
+
+## Relations
+
+- [a b](b.md)
+- [c d](d.md)
+
+## Comments
+
+- date: 2023-05-25T18:54:44.808Z
+  ```bash
+  node bin\kanbn add -n Mike
+  ```

CHANGELOG.md

@@ -1,7 +1,13 @@
-# 0.13.0
+# 0.12.2
 
  * See board ...
 
+# 0.12.1
+
+ * See below
+    - [understand-how-relations-work](tasks/understand-how-relations-work.md)
+    - [review-adding-more-on-item-card](tasks/review-adding-more-on-item-card.md)
+
 # 0.12.0
 
  * First release with the following changes

package.json

@@ -7,7 +7,7 @@
     "color": "#72abdd",
     "theme": "dark"
   },
-  "version": "0.13.0",
+  "version": "0.12.2",
   "engines": {
     "vscode": "^1.23.0"
   },

src/TaskItem.tsx

@@ -88,24 +88,6 @@ const TaskItem = ({ task, columnName, customFields, position, dateFormat, vscode
                 })}
               </div>
             }
-            {
-              task.relations.length > 0 &&
-              <div className="kanbn-task-data kanbn-task-data-tags">
-                {task.relations.map(relation => {
-                  return (
-                    <span onClick={() => {
-                      vscode.postMessage({
-                        command: 'kanbn.goToRaw',
-                        taskId: task.id,
-                        columnName: task.column
-                      });
-                    }}>
-                      <u>{relation.task}</u>
-                    </span>
-                  );
-                })}
-              </div>
-            }
             {
               customFields.map(customField => {
                 if (customField.name in task.metadata) {
@@ -206,10 +188,17 @@ const TaskItem = ({ task, columnName, customFields, position, dateFormat, vscode
             {
               task.relations.length > 0 &&
               task.relations.map(relation => (
-                <div className={[
+                <div onClick={() => {
-                  'kanbn-task-data kanbn-task-data-relation',
+                  vscode.postMessage({
-                  relation.type ? `kanbn-task-data-relation-${relation.type}` : null,
+                    command: 'kanbn.goToRaw',
-                ].join(' ')}>
+                    taskId: task.id,
+                    columnName: task.column
+                  });
+                }}
+                  className={[
+                    'kanbn-task-data kanbn-task-data-relation',
+                    relation.type ? `kanbn-task-data-relation-${relation.type}` : null,
+                  ].join(' ')}>
                   <i className="codicon codicon-link"></i>
                   <span className="kanbn-task-data-label">
                     {relation.type}