diff options
author | sfahrenholz <sfahrenholz@users.noreply.github.com> | 2018-02-22 21:47:01 +0100 |
---|---|---|
committer | fguillot <fred@kanboard.net> | 2018-02-22 12:47:01 -0800 |
commit | dd424e5a99c920434a8ea4402d764b46e69cd932 (patch) | |
tree | 941e9996cfbbdad7ab70aa3a7e890d18a7f3108d | |
parent | fec77642ef5f5ac85ed4fddb0b25d9fe28f83afb (diff) |
Add CSS class to categories to allow custom styling
-rw-r--r-- | app/Template/board/task_footer.php | 4 | ||||
-rw-r--r-- | doc/de_DE/individuel-category.markdown | 31 | ||||
-rw-r--r-- | doc/de_DE/screenshots/kanboard_patch_category.PNG | bin | 0 -> 754 bytes | |||
-rw-r--r-- | doc/en_US/individuel-category.markdown | 30 |
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 Binary files differnew file mode 100644 index 00000000..975f66f7 --- /dev/null +++ b/doc/de_DE/screenshots/kanboard_patch_category.PNG 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) |