taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Style fixes for sprints

stable
Xavier Julián 2014-06-30 11:04:44 +02:00
parent 3ffecdfe22
commit c66dbc4f9b
3 changed files with 38 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/partials/views/modules/sprints.jade
View File

@ -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<br />points
li
span.number(tg-bo-html="sprint.total_points") --
span.description total<br />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

1
app/styles/modules/burndown.scss
View File

@ -1,5 +1,4 @@
.burndown {
background: $whitish;
height: 200px;
margin-bottom: 2rem;
width: 100%;

49
app/styles/modules/sprints.scss
View File

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