diff --git a/module/execution/css/kanban.css b/module/execution/css/kanban.css index 06da3858aa..372183c4b4 100644 --- a/module/execution/css/kanban.css +++ b/module/execution/css/kanban.css @@ -37,11 +37,11 @@ #kanbans .kanban-card[data-scale-size="4"] {padding: 8px;} #kanbans .kanban-card[data-scale-size="3"] {padding: 3px 4px;} #kanbans .kanban-card[data-scale-size="3"] > .title {white-space: normal; max-height: 100%;} -#kanbans .kanban-card[data-scale-size="2"] {padding: 3px 4px;} -#kanbans .kanban-card[data-scale-size="2"] > .title {line-height: 18px; white-space: normal; max-height: 100%;} -#kanbans .kanban-card[data-scale-size="2"] > .title > .infos {display: inline-block; height: 18px; vertical-align: top;} -#kanbans .kanban-card[data-scale-size="2"] > .title > .infos > .info-pri {transform: scale(.8); vertical-align: top;} -#kanbans .kanban-card[data-scale-size="2"] > .title > .infos > .avatar {display: inline-block; transform: scale(.8); position: relative; top: -1px; vertical-align: top; margin-right: -1px;} +#kanbans .kanban-card[data-scale-size="2"] {padding: 3px 4px; overflow: hidden;} +#kanbans .kanban-card[data-scale-size="2"] > .title {display: inline; line-height: 18px; white-space: normal; max-height: 100%; word-break: break-all;} +#kanbans .kanban-card[data-scale-size="2"] > .infos {display: inline-block; height: 18px; vertical-align: top; margin: 0;} +#kanbans .kanban-card[data-scale-size="2"] > .infos > .info-pri {transform: scale(.8); vertical-align: top;} +#kanbans .kanban-card[data-scale-size="2"] > .infos > .avatar {display: inline-block; transform: scale(.8); position: relative; top: -2px; vertical-align: top; margin-right: -1px;} #kanbanScaleControl {width: 100px;} #kanbanScaleControl .input-group-addon {background: #fff; padding: 5px;} diff --git a/module/execution/js/kanban.js b/module/execution/js/kanban.js index 46d23d11e5..78024bbef0 100644 --- a/module/execution/js/kanban.js +++ b/module/execution/js/kanban.js @@ -99,6 +99,7 @@ function renderStoryItem(item, $item, col) $infos[scaleSize <= 1 ? 'append' : 'prepend'](avatarHtml); if(scaleSize <= 1) $infos.appendTo($item); + else if(scaleSize === 2) $infos.prependTo($item); else $infos.prependTo($item.find('.title')); } else if(scaleSize === 4) @@ -162,6 +163,7 @@ function renderBugItem(item, $item, col) $infos[scaleSize <= 1 ? 'append' : 'prepend'](avatarHtml); if(scaleSize <= 1) $infos.appendTo($item); + else if(scaleSize === 2) $infos.prependTo($item); else $infos.prependTo($item.find('.title')); } else if(scaleSize === 4) @@ -225,6 +227,7 @@ function renderTaskItem(item, $item, col) $infos[scaleSize <= 1 ? 'append' : 'prepend'](avatarHtml); if(scaleSize <= 1) $infos.appendTo($item); + else if(scaleSize === 2) $infos.prependTo($item); else $infos.prependTo($item.find('.title')); } else if(scaleSize === 4)