diff --git a/app/partials/views/modules/sprints.jade b/app/partials/views/modules/sprints.jade index 7061265a..d4a20601 100644 --- a/app/partials/views/modules/sprints.jade +++ b/app/partials/views/modules/sprints.jade @@ -12,17 +12,18 @@ section.sprints section.sprint(ng-repeat="sprint in sprints track by sprint.id", tg-backlog-sprint="sprint") header - div.sprint-summary + div.sprint-name a.icon.icon-arrow-up(href="", title="compact Sprint") - span.sprint-name {{ sprint.name }} - span.sprint-date(tg-date-range="sprint.estimated_start,sprint.estimated_finish") - ul - li - span.number(tg-bo-html="sprint.closed_points") -- - span.description closed
points - li - span.number(tg-bo-html="sprint.total_points") -- - span.description total
points + span {{ sprint.name }} + div.sprint-summary + div.sprint-date(tg-date-range="sprint.estimated_start,sprint.estimated_finish") + ul + li + span.number(tg-bo-html="sprint.closed_points") -- + span.description closed + li + span.number(tg-bo-html="sprint.total_points") -- + span.description total div.sprint-progress-bar div.current-progress(tg-sprint-progressbar="sprint") div.sprint-table diff --git a/app/styles/modules/burndown.scss b/app/styles/modules/burndown.scss index 9df6f3df..34a302b9 100644 --- a/app/styles/modules/burndown.scss +++ b/app/styles/modules/burndown.scss @@ -1,5 +1,4 @@ .burndown { - background: $whitish; height: 200px; margin-bottom: 2rem; width: 100%; diff --git a/app/styles/modules/sprints.scss b/app/styles/modules/sprints.scss index 835773db..a3eb9098 100644 --- a/app/styles/modules/sprints.scss +++ b/app/styles/modules/sprints.scss @@ -13,29 +13,19 @@ float: right; } .sprint-name { - @extend %large; - @extend %title; - display: inline-block; - margin-right: 3px; - max-width: 100px; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: middle; - white-space: nowrap; - } - .sprint-date { - @extend %large; - @extend %title; - color: $gray-light; + span { + @extend %large; + @extend %title; + @include ellipsis($width: 90%); + display: inline-block; + margin-right: 3px; + } } .sprint { margin-bottom: 2rem; - .sprint-summary { - display: inline-block; - width: 65%; - } .icon { display: inline-block; + vertical-align: baseline; &:hover { @include transform(rotate(180deg)); @include transition (all .2s ease-in); @@ -49,9 +39,20 @@ line-height: .6rem; margin-top: 5px; } + .sprint-summary { + @include table-flex(); + } + .sprint-date { + @extend %large; + @extend %title; + @include table-flex-child(1, 0, 0); + color: $gray-light; + } + .sprint-points { + @include table-flex-child(1, 0, 0); + } ul { float: right; - width: 32%; } li { display: inline-block; @@ -126,15 +127,16 @@ text-align: right; } } - .button { + .button-gray { display: block; + margin-top: 1rem; text-align: center; } } // If Sprint is open but date is old .sprint-old-open { - .sprint-summary { + .sprint-name { .icon { @include transform(rotate(180deg)); &:hover { @@ -150,7 +152,7 @@ // If sprint is closed and date is old .sprint-closed { - .sprint-summary { + .sprint-name { .icon { @include transform(rotate(180deg)); &:hover { @@ -171,4 +173,7 @@ .sprint-table { display: none; } + .button-gray { + background: lighten($grayer, 40%); + } }