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

Add blocked styles to taskboard

stable
Xavier Julián 2014-11-11 16:37:57 +01:00 committed by David Barragán Merino
parent 35a53481fb
commit 8b2e35feba
3 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/partials/views/modules/taskboard-table.jade
View File

@ -8,10 +8,10 @@ div.taskboard-table
div.taskboard-table-body(tg-taskboard-table-height-fixer) div.taskboard-table-body(tg-taskboard-table-height-fixer)
div.taskboard-table-inner(tg-taskboard-row-width-fixer) div.taskboard-table-inner(tg-taskboard-row-width-fixer)
div.task-row(ng-repeat="us in userstories track by us.id") div.task-row(ng-repeat="us in userstories track by us.id", ng-class="{blocked: us.is_blocked}")
div.taskboard-userstory-box.task-column div.taskboard-userstory-box.task-column(tg-bo-title="us.blocked_note")
div.tag-list div.tag-list
span.tag(ng-repeat="tag in us.tags") {{ tag }} span.tag(ng-repeat="tag in us.tags", tg-bo-bind="tag")
h3.us-title h3.us-title
a(href="", tg-nav="project-userstories-detail:project=project.slug,ref=us.ref", a(href="", tg-nav="project-userstories-detail:project=project.slug,ref=us.ref",
tg-bo-title="'#' + us.ref + ' ' + us.subject") tg-bo-title="'#' + us.ref + ' ' + us.subject")

7
app/styles/layout/backlog.scss
View File

@ -22,10 +22,3 @@
} }
} }
} }
//.menu-secondary.sidebar,
//.backlog {
// height: 100vh;
// overflow-x: auto;
//}

20
app/styles/modules/backlog/taskboard-table.scss
View File

@ -59,6 +59,25 @@ $column-margin: 0 10px 0 0;
opacity: 1; opacity: 1;
} }
} }
&.blocked {
.taskboard-userstory-box {
background: rgba($red, .6);
border-radius: 3px;
a,
.points-value {
@include transition(color .3s linear);
color: rgba($white, .9);
&:hover {
@include transition(color .3s linear);
color: rgba($white, 1);
}
}
}
.taskboard-tasks-box {
//@include filter(saturate(20%));
background: rgba($red, .1);
}
}
} }
.taskboard-tasks-box { .taskboard-tasks-box {
background: $whitish; background: $whitish;
@ -66,6 +85,7 @@ $column-margin: 0 10px 0 0;
} }
.taskboard-userstory-box { .taskboard-userstory-box {
padding: .5rem;
.icon { .icon {
@include transition(color .2s linear); @include transition(color .2s linear);
color: $gray-light; color: $gray-light;