Improve kanban UI

[orthagh]

To discuss it, it's not a mandatory task but I think we can gain a lot by a few small changes in Kanban.
With tabler.io example in mind: https://preview.tabler.io/tasks.html
Here is a list of changes I thought:

• Remove .card of columns
• Add .shadow-none to cards
• Remove .card of .kanban-toolbar
• Move .kanban-item-team on the left of the cards
• Add a small summary of text in cards (task/project content) with an ellipsis (max 3 lines)
• Soften colors of statuses, they are very flashy currently
• Align center folding button, status, counter, plus button, and 3 dots buttons
• Align center card titles and their icons
• For the user badge icon, maybe we can reduce the font size
• Toolbar:
  • remove .card
  • Add an arrow to the dropdown
  • group buttons if possible and make them an equal height

Much complex suggestions:

• Make Kanban use the full height of the page (currently on a 2k screen, it takes half)
• review progress bars of the project's tasks, they are very big currently
• show the planned end date at the bottom if it exists

An example of some changes (very) quickly tested:

@cconard96

[cconard96]

No issues from me. Only thing to add is about status colors. I didn't pick the colors. For projects, they are based on the colors for Project States. For CommonITILObject classes, they are colored from the CSS classes returned by CommonITILObject::getStatusKey. Already from an accessibility point of view, they are bad and don't match how we've been handling colors recently. The column labels should have the color as a border only to avoid contrast issues with the text color. In fact, the columns already have a colored top border, so the column label probably doesn't need the color as well.

[orthagh]

Could we move the suggested colors at installation for something less flashy ?
And also, if the above list is doable in a short time, could you start it?

[hiago722]

Poderiamos usar cores menos chamativas e verifica uma forma de deixar as informações mais detalhadas?