From 0f5507f84ad529b552106cef2d556fde275e3691 Mon Sep 17 00:00:00 2001 From: Juanfran Date: Fri, 20 Mar 2015 08:10:26 +0100 Subject: [PATCH] fix taskboard with 28" screens --- app/partials/taskboard/taskboard.jade | 19 ++++++++++--------- app/styles/layout/taskboard.scss | 12 +++++++++--- .../modules/backlog/taskboard-table.scss | 3 ++- 3 files changed, 21 insertions(+), 13 deletions(-) diff --git a/app/partials/taskboard/taskboard.jade b/app/partials/taskboard/taskboard.jade index 3977bb8b..33faab92 100644 --- a/app/partials/taskboard/taskboard.jade +++ b/app/partials/taskboard/taskboard.jade @@ -1,17 +1,18 @@ div.wrapper(tg-taskboard, ng-controller="TaskboardController as ctrl", ng-init="section='backlog'") section.main.taskboard - h1 - span(tg-bo-bind="project.name", class="project-name-short") - span.green(tg-bo-bind="sprint.name") - span.date(tg-date-range="sprint.estimated_start,sprint.estimated_finish") - include ../includes/components/sprint-summary + .taskboard-inner + h1 + span(tg-bo-bind="project.name", class="project-name-short") + span.green(tg-bo-bind="sprint.name") + span.date(tg-date-range="sprint.estimated_start,sprint.estimated_finish") + include ../includes/components/sprint-summary - div.graphics-container - div.burndown(tg-sprint-graph) - include ../includes/modules/burndown + div.graphics-container + div.burndown(tg-sprint-graph) + include ../includes/modules/burndown - include ../includes/modules/taskboard-table + include ../includes/modules/taskboard-table div.lightbox.lightbox-generic-form(tg-lb-create-edit-task) include ../includes/modules/lightbox-task-create-edit diff --git a/app/styles/layout/taskboard.scss b/app/styles/layout/taskboard.scss index 71ee04c2..663a8d9e 100644 --- a/app/styles/layout/taskboard.scss +++ b/app/styles/layout/taskboard.scss @@ -1,7 +1,6 @@ .taskboard { - display: flex; - flex-direction: column; - max-height: 100vh; + height: 100vh; + overflow: hidden; h1, .graphics-container, .summary { @@ -11,3 +10,10 @@ @include slide(300px, hidden); } } + +.taskboard-inner { + display: flex; + flex-direction: column; + height: 100%; + overflow: hidden; +} diff --git a/app/styles/modules/backlog/taskboard-table.scss b/app/styles/modules/backlog/taskboard-table.scss index 6863e530..892e6ccd 100644 --- a/app/styles/modules/backlog/taskboard-table.scss +++ b/app/styles/modules/backlog/taskboard-table.scss @@ -47,6 +47,7 @@ $column-margin: 0 10px 0 0; .taskboard-table { display: flex; flex-direction: column; + height: 100%; overflow: hidden; width: 100%; } @@ -109,7 +110,7 @@ $column-margin: 0 10px 0 0; } .taskboard-table-body { - height: 700px; + height: 100%; overflow: auto; width: 100%; .task-column {