https://github.com/thomastjdev/kanboardstatuscolor
Kanboard plugin - Change the status color from left border to icon
https://github.com/thomastjdev/kanboardstatuscolor
Last synced: about 1 year ago
JSON representation
Kanboard plugin - Change the status color from left border to icon
- Host: GitHub
- URL: https://github.com/thomastjdev/kanboardstatuscolor
- Owner: ThomasTJdev
- Created: 2017-01-21T20:18:36.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-09-01T14:15:44.000Z (almost 9 years ago)
- Last Synced: 2025-01-26T14:48:38.501Z (over 1 year ago)
- Homepage:
- Size: 40 KB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Not maintained
# Change color status
The following is specialized for use combined with this plugin: [KanboardCSS](https://gitlab.com/ThomasTJ/KanboardCSS)
This will change the left border color to a round icon with task color. Some special colors are not supported.
Screenshot:
## CSS
```CSS
/* == START: COLOR ON MAIN TASK == */
/* Tasks expanded */
.colorstatus-expanded{
display: inline-block;
float: right;
width: 5px;
height: 20px;
border: black 1px solid;
border-radius: 30px;
}
/* Tasks collapsed */
.colorstatus-collapsed{
display: inline-block;
float: right;
width: 5px;
height: 15px;
border: black 1px solid;
border-radius: 30px;
}
/* Padding for title */
.task-board-title{
padding-right: 5px;
}
/* Border etc. for task */
.board-task-list>div {
border: #cac9c9 solid 0.5px;
border-left-width: 0.5px!important;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(186, 186, 186, 0.55);
background-color: #fff;
color: black;
}
/* == END: COLOR ON MAIN TASK == */
```
## Code
Make the changes in: **task_private.php**
Add the following `` after the element with `class="task-board-saving-icon"` for both expanded and collapsed:
**Collapsed:**
```HTML
```
**Expanded:**
```HTML
```