Add blocked styles to taskboard
parent
35a53481fb
commit
8b2e35feba
|
@ -8,10 +8,10 @@ div.taskboard-table
|
|||
|
||||
div.taskboard-table-body(tg-taskboard-table-height-fixer)
|
||||
div.taskboard-table-inner(tg-taskboard-row-width-fixer)
|
||||
div.task-row(ng-repeat="us in userstories track by us.id")
|
||||
div.taskboard-userstory-box.task-column
|
||||
div.task-row(ng-repeat="us in userstories track by us.id", ng-class="{blocked: us.is_blocked}")
|
||||
div.taskboard-userstory-box.task-column(tg-bo-title="us.blocked_note")
|
||||
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
|
||||
a(href="", tg-nav="project-userstories-detail:project=project.slug,ref=us.ref",
|
||||
tg-bo-title="'#' + us.ref + ' ' + us.subject")
|
||||
|
|
|
@ -22,10 +22,3 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//.menu-secondary.sidebar,
|
||||
//.backlog {
|
||||
// height: 100vh;
|
||||
// overflow-x: auto;
|
||||
//}
|
||||
|
|
|
@ -59,6 +59,25 @@ $column-margin: 0 10px 0 0;
|
|||
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 {
|
||||
background: $whitish;
|
||||
|
@ -66,6 +85,7 @@ $column-margin: 0 10px 0 0;
|
|||
}
|
||||
|
||||
.taskboard-userstory-box {
|
||||
padding: .5rem;
|
||||
.icon {
|
||||
@include transition(color .2s linear);
|
||||
color: $gray-light;
|
||||
|
|
Loading…
Reference in New Issue