Improve documentation about custom CSS

This commit is contained in:
Frédéric Guillot 2018-02-27 15:57:30 -08:00
parent dd424e5a99
commit f199600148
4 changed files with 17 additions and 18 deletions

View File

@ -1,14 +1,13 @@
Custom CSS
==========
Einstellung > Anwendungskonfiguration > benutzerdefiniertes Stylesheet
Inviduelle Kategorien Darstellung
=================================
---------------------------------
Für den Kategorien-Container allgemeine 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;
@ -16,7 +15,8 @@ Für den Kategorien-Container allgemeine Darstellung
}
```
Für den Text-Inhalt
Für den Text-Inhalt:
```css
[class*="category-Patchkanditat"] {
background-color: rgba(255, 0, 0, 0.50);
@ -28,4 +28,3 @@ Für den Text-Inhalt
font-size:11px;
}
```
![CAT](./screenshots/kanboard_patch_category.PNG)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 754 B

View File

@ -1,21 +1,21 @@
Individual category markup
===========================
Custom CSS
==========
Go to Settings > Application settings > Custom Stylesheet
Setup
-----
1: Settings > Application settings > Custom Stylesheet
Example to change color of category labels
------------------------------------------
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);
@ -27,4 +27,3 @@ Custom css values for one category - this is an example for displaying the text:
font-size:11px;
}
```
![CAT](../de_DE/screenshots/kanboard_patch_category.PNG)

View File

@ -83,6 +83,7 @@ Using Kanboard
- [Command line interface](cli.markdown)
- [Syntax guide](syntax-guide.markdown)
- [Brute force protection](bruteforce-protection.markdown)
- [Custom CSS](custom-css.markdown)
- [Frequently asked questions](faq.markdown)
### Troubleshooting