From dd424e5a99c920434a8ea4402d764b46e69cd932 Mon Sep 17 00:00:00 2001
From: sfahrenholz <sfahrenholz@users.noreply.github.com>
Date: Thu, 22 Feb 2018 21:47:01 +0100
Subject: Add CSS class to categories to allow custom styling

---
 app/Template/board/task_footer.php                |   4 +--
 doc/de_DE/individuel-category.markdown            |  31 ++++++++++++++++++++++
 doc/de_DE/screenshots/kanboard_patch_category.PNG | Bin 0 -> 754 bytes
 doc/en_US/individuel-category.markdown            |  30 +++++++++++++++++++++
 4 files changed, 63 insertions(+), 2 deletions(-)
 create mode 100644 doc/de_DE/individuel-category.markdown
 create mode 100644 doc/de_DE/screenshots/kanboard_patch_category.PNG
 create mode 100644 doc/en_US/individuel-category.markdown

diff --git a/app/Template/board/task_footer.php b/app/Template/board/task_footer.php
index 4ea5bb31..9d375194 100644
--- a/app/Template/board/task_footer.php
+++ b/app/Template/board/task_footer.php
@@ -1,6 +1,6 @@
 <?php if (! empty($task['category_id'])): ?>
-<div class="task-board-category-container">
-    <span class="task-board-category">
+<div class="task-board-category-container task-board-category-container-color">
+    <span class="task-board-category category-<?= $this->text->e($task['category_name']) ?>">
         <?php if ($not_editable): ?>
             <?= $this->text->e($task['category_name']) ?>
         <?php else: ?>
diff --git a/doc/de_DE/individuel-category.markdown b/doc/de_DE/individuel-category.markdown
new file mode 100644
index 00000000..95d6600b
--- /dev/null
+++ b/doc/de_DE/individuel-category.markdown
@@ -0,0 +1,31 @@
+Inviduelle Kategorien Darstellung
+=================================
+
+
+
+Setup
+-----
+
+1: Einstellung > Anwendungskonfiguration > benutzerdefiniertes Stylesheet
+
+Für den Kategorien-Container allgemeine Darstellung
+```css
+.task-board-category-container-color span {
+  border: solid 0.5px grey;
+  color: black;
+}
+```
+
+Für den Text-Inhalt
+```css
+[class*="category-Patchkanditat"] {
+  background-color: rgba(255, 0, 0, 0.50);
+  border: none!important;
+  font-weight: bold;
+  font-style: italic;
+  box-shadow: 0 1px 1px rgba(186, 186, 186, 0.55);
+  color: white!important;
+  font-size:11px;
+}
+```
+![CAT](./screenshots/kanboard_patch_category.PNG)
diff --git a/doc/de_DE/screenshots/kanboard_patch_category.PNG b/doc/de_DE/screenshots/kanboard_patch_category.PNG
new file mode 100644
index 00000000..975f66f7
Binary files /dev/null and b/doc/de_DE/screenshots/kanboard_patch_category.PNG differ
diff --git a/doc/en_US/individuel-category.markdown b/doc/en_US/individuel-category.markdown
new file mode 100644
index 00000000..fe029e6c
--- /dev/null
+++ b/doc/en_US/individuel-category.markdown
@@ -0,0 +1,30 @@
+Individual category markup
+===========================
+
+
+Setup
+-----
+
+1: Settings > Application settings > Custom Stylesheet
+
+For the category container:
+```css
+.task-board-category-container-color span {
+  border: solid 0.5px grey;
+  color: black;
+}
+
+```
+Custom css values for one category - this is an example for displaying the text: 
+```css
+[class*="category-Patchkanditat"] {
+  background-color: rgba(255, 0, 0, 0.50);
+  border: none!important;
+  font-weight: bold;
+  font-style: italic;
+  box-shadow: 0 1px 1px rgba(186, 186, 186, 0.55);
+  color: white!important;
+  font-size:11px;
+}
+```
+![CAT](../de_DE/screenshots/kanboard_patch_category.PNG)
-- 
cgit v1.2.3