diff --git a/app/styles/modules/sprints.scss b/app/styles/modules/sprints.scss
index 353dc803..388013bb 100644
--- a/app/styles/modules/sprints.scss
+++ b/app/styles/modules/sprints.scss
@@ -29,10 +29,18 @@
@extend .large;
}
.sprint {
+ margin-bottom: 2rem;
.sprint-summary {
width: 65%;
display: inline-block;
}
+ .icon{
+ display: inline-block;
+ &:hover {
+ @include transform(rotate(180deg));
+ @include transition (all .2s ease-in);
+ }
+ }
ul {
float: right;
width: 32%;
@@ -97,7 +105,7 @@
}
}
&:hover {
- background: lighten($grayLight, 10%);
+ background: lighten($grayLight, 12%);
@include transition (background .2s ease-in);
cursor: move;
}
@@ -108,7 +116,7 @@
.column-us {
@extend .small;
padding: 0 4px;
- span {
+ a {
@include ellipsis(250px);
display: block;
}
@@ -119,3 +127,34 @@
}
}
}
+
+/* If Sprint is open but date is old */
+.sprint-old-open {
+ .sprint-summary{
+ .icon {
+ @include transform(rotate(180deg));
+ &:hover {
+ @include transform(rotate(0deg));
+ @include transition (all .2s ease-in);
+ }
+ }
+ }
+ .sprint-table {
+ display: none;
+ }
+}
+
+/* If sprint is closed and date is old */
+.sprint-closed {
+ .number, .description {
+ color: $grayLight;
+ }
+ .sprint-progress-bar{
+ .current-progress {
+ background: darken($grayLight, 10%);
+ }
+ }
+ .sprint-table {
+ display: none;
+ }
+}
diff --git a/app/views/modules/sprints.jade b/app/views/modules/sprints.jade
index 335dd164..87a407c3 100644
--- a/app/views/modules/sprints.jade
+++ b/app/views/modules/sprints.jade
@@ -10,6 +10,7 @@ section.sprints
a.button-green(href="", title="Add New US")
span.text + New sprint
+ // If is current sprint
section.sprint.sprint-current
header
div.sprint-summary
@@ -29,5 +30,51 @@ section.sprints
- for (var x = 0; x < 10; x++)
div.row
div.column-us.width-8
- span #125 Crear el perfil de usuario Senior en el admin
+ a(href="", title="") #125 Crear el perfil de usuario Senior en el admin
+ div.column-points.width-1 45
+
+ // If Sprint is open but date is old
+ section.sprint.sprint-old-open
+ header
+ div.sprint-summary
+ a.icon.icon-arrow-up(href="", title="compact Sprint")
+ span.sprint-name old open sprint
+ span.sprint-date 04/05/14-03/06/14
+ ul
+ li
+ span.number 20
+ span.description closed
points
+ li
+ span.number 24
+ span.description total
points
+ div.sprint-progress-bar
+ div.current-progress
+ div.sprint-table
+ - for (var x = 0; x < 10; x++)
+ div.row
+ div.column-us.width-8
+ a(href="", title="") #125 Crear el perfil de usuario Senior en el admin
+ div.column-points.width-1 45
+
+ // If Sprint is closed and date is old
+ section.sprint.sprint-closed
+ header
+ div.sprint-summary
+ a.icon.icon-arrow-up(href="", title="compact Sprint")
+ span.sprint-name old sprint
+ span.sprint-date 04/04/14-03/05/14
+ ul
+ li
+ span.number 24
+ span.description closed
points
+ li
+ span.number 24
+ span.description total
points
+ div.sprint-progress-bar
+ div.current-progress
+ div.sprint-table
+ - for (var x = 0; x < 10; x++)
+ div.row
+ div.column-us.width-8
+ a(href="", title="") #125 Crear el perfil de usuario Senior en el admin
div.column-points.width-1 45