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

11
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") section.sprint(ng-repeat="sprint in sprints track by sprint.id", tg-backlog-sprint="sprint")
header header
div.sprint-summary div.sprint-name
a.icon.icon-arrow-up(href="", title="compact Sprint") a.icon.icon-arrow-up(href="", title="compact Sprint")
span.sprint-name {{ sprint.name }} span {{ sprint.name }}
span.sprint-date(tg-date-range="sprint.estimated_start,sprint.estimated_finish") div.sprint-summary
div.sprint-date(tg-date-range="sprint.estimated_start,sprint.estimated_finish")
ul ul
li li
span.number(tg-bo-html="sprint.closed_points") -- span.number(tg-bo-html="sprint.closed_points") --
span.description closed<br />points span.description closed
li li
span.number(tg-bo-html="sprint.total_points") -- span.number(tg-bo-html="sprint.total_points") --
span.description total<br />points span.description total
div.sprint-progress-bar div.sprint-progress-bar
div.current-progress(tg-sprint-progressbar="sprint") div.current-progress(tg-sprint-progressbar="sprint")
div.sprint-table div.sprint-table

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

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

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

@ -13,29 +13,19 @@
float: right; float: right;
} }
.sprint-name { .sprint-name {
span {
@extend %large; @extend %large;
@extend %title; @extend %title;
@include ellipsis($width: 90%);
display: inline-block; display: inline-block;
margin-right: 3px; 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;
} }
.sprint { .sprint {
margin-bottom: 2rem; margin-bottom: 2rem;
.sprint-summary {
display: inline-block;
width: 65%;
}
.icon { .icon {
display: inline-block; display: inline-block;
vertical-align: baseline;
&:hover { &:hover {
@include transform(rotate(180deg)); @include transform(rotate(180deg));
@include transition (all .2s ease-in); @include transition (all .2s ease-in);
@ -49,9 +39,20 @@
line-height: .6rem; line-height: .6rem;
margin-top: 5px; 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 { ul {
float: right; float: right;
width: 32%;
} }
li { li {
display: inline-block; display: inline-block;
@ -126,15 +127,16 @@
text-align: right; text-align: right;
} }
} }
.button { .button-gray {
display: block; display: block;
margin-top: 1rem;
text-align: center; text-align: center;
} }
} }
// If Sprint is open but date is old // If Sprint is open but date is old
.sprint-old-open { .sprint-old-open {
.sprint-summary { .sprint-name {
.icon { .icon {
@include transform(rotate(180deg)); @include transform(rotate(180deg));
&:hover { &:hover {
@ -150,7 +152,7 @@
// If sprint is closed and date is old // If sprint is closed and date is old
.sprint-closed { .sprint-closed {
.sprint-summary { .sprint-name {
.icon { .icon {
@include transform(rotate(180deg)); @include transform(rotate(180deg));
&:hover { &:hover {
@ -171,4 +173,7 @@
.sprint-table { .sprint-table {
display: none; display: none;
} }
.button-gray {
background: lighten($grayer, 40%);
}
} }