summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorsfahrenholz <sfahrenholz@users.noreply.github.com>2018-02-22 21:47:01 +0100
committerfguillot <fred@kanboard.net>2018-02-22 12:47:01 -0800
commitdd424e5a99c920434a8ea4402d764b46e69cd932 (patch)
tree941e9996cfbbdad7ab70aa3a7e890d18a7f3108d
parentfec77642ef5f5ac85ed4fddb0b25d9fe28f83afb (diff)
Add CSS class to categories to allow custom styling
-rw-r--r--app/Template/board/task_footer.php4
-rw-r--r--doc/de_DE/individuel-category.markdown31
-rw-r--r--doc/de_DE/screenshots/kanboard_patch_category.PNGbin0 -> 754 bytes
-rw-r--r--doc/en_US/individuel-category.markdown30
4 files changed, 63 insertions, 2 deletions
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
--- /dev/null
+++ b/doc/de_DE/screenshots/kanboard_patch_category.PNG
Binary files 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)