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%);
+ }
}