From 3f432905d76a61de7376ffdddb6f283682ce0797 Mon Sep 17 00:00:00 2001 From: Andrey Antukh Date: Wed, 23 Jul 2014 14:59:30 +0200 Subject: [PATCH] Calculate the proper height for kanban column. --- app/coffee/modules/kanban/sortable.coffee | 8 ++++++-- app/styles/modules/kanban/kanban-table.scss | 2 +- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/app/coffee/modules/kanban/sortable.coffee b/app/coffee/modules/kanban/sortable.coffee index 0248ec77..1b4b34bb 100644 --- a/app/coffee/modules/kanban/sortable.coffee +++ b/app/coffee/modules/kanban/sortable.coffee @@ -41,8 +41,12 @@ KanbanSortableDirective = ($repo, $rs, $rootscope) -> ######################### link = ($scope, $el, $attrs) -> - $el.css("height", "800px") - $el.closest(".kanban-table-body").css("height", "800px") + mainPadding = 32 # px + elementOffset = $el.offset().top + windowHeight = angular.element(window).height() + columnHeight = windowHeight - elementOffset - mainPadding + + $el.css("height", "#{columnHeight}px") oldParentScope = null newParentScope = null diff --git a/app/styles/modules/kanban/kanban-table.scss b/app/styles/modules/kanban/kanban-table.scss index 67ca476d..c1ad19ef 100644 --- a/app/styles/modules/kanban/kanban-table.scss +++ b/app/styles/modules/kanban/kanban-table.scss @@ -42,7 +42,7 @@ $column-margin: 0 10px 0 0; .kanban-table-body { @include table-flex(); - height: 700px; + //height: 700px; overflow: hidden; overflow-x: auto; width: 100%;