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

Taskboard blocked tasks visual color

stable
Xavier Julián 2014-09-05 14:53:21 +02:00
parent 09f4b382ff
commit 7f871eeab3
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/coffee/modules/taskboard/main.coffee
View File

@ -221,15 +221,15 @@ module.directive("tgTaskboard", ["$rootScope", TaskboardDirective])
TaskboardTaskDirective = ($rootscope) -> TaskboardTaskDirective = ($rootscope) ->
link = ($scope, $el, $attrs, $model) -> link = ($scope, $el, $attrs, $model) ->
console.log "taskboard task" $el.disableSelection()
if $scope.task.is_blocked
$el.addClass('blocked')
$el.find(".icon-edit").on "click", (event) -> $el.find(".icon-edit").on "click", (event) ->
if $el.find('.icon-edit').hasClass('noclick') if $el.find('.icon-edit').hasClass('noclick')
return return
$scope.$apply -> $scope.$apply ->
$rootscope.$broadcast("taskform:edit", $scope.task) $rootscope.$broadcast("taskform:edit", $scope.task)
$el.disableSelection()
return {link:link} return {link:link}

11
app/styles/components/taskboard-task.scss
View File

@ -1,8 +1,10 @@
.taskboard-task { .taskboard-task {
@include transition (box-shadow .4s linear); @include transition (box-shadow .4s linear);
background: $postit; background: $postit;
border: 1px solid $postit-hover;
box-shadow: none; box-shadow: none;
cursor: move; cursor: move;
margin: .2rem;
min-height: 7rem; min-height: 7rem;
position: relative; position: relative;
&:hover { &:hover {
@ -20,6 +22,15 @@
&.ui-sortable-placeholder { &.ui-sortable-placeholder {
background: $grayer; background: $grayer;
} }
&.blocked {
background: $red;
border: 1px solid darken($red, 10%);
color: $white;
a,
span {
color: $white;
}
}
.taskboard-tagline { .taskboard-tagline {
@include table-flex(); @include table-flex();
background: $gray-light; //Fallback background: $gray-light; //Fallback