diff --git a/app/partials/includes/modules/kanban-table.jade b/app/partials/includes/modules/kanban-table.jade index 2581dfa7..7aa222cd 100644 --- a/app/partials/includes/modules/kanban-table.jade +++ b/app/partials/includes/modules/kanban-table.jade @@ -10,7 +10,11 @@ div.kanban-table( tg-bo-title="s.name", ng-class='{vfold:folds[s.id]}', tg-class-permission="{'readonly': '!modify_task'}") - span(tg-bo-bind="s.name") + div.title + div.name(tg-bo-bind="s.name") + div.counter + span(tg-bo-bind="usByStatus.get(s.id.toString()).size") + span(tg-bo-bind="' / ' + s.wip_limit", ng-if="s.wip_limit") div.options a.option( href="" diff --git a/app/styles/modules/kanban/kanban-table.scss b/app/styles/modules/kanban/kanban-table.scss index 385b9072..c8a01c82 100644 --- a/app/styles/modules/kanban/kanban-table.scss +++ b/app/styles/modules/kanban/kanban-table.scss @@ -91,8 +91,18 @@ $column-padding: .5rem 1rem; &:last-child { margin-right: 0; } - span { + .title { + width: 100%; + display: flex; + align-items: flex-end; + .counter { + margin: 0em .5rem; + @include font-size(xsmall); + line-height: 1.6; + } + .name { @include ellipsis(65%); + } } .option { margin-right: .3rem;