diff --git a/app/styles/components/taskboard-task.scss b/app/styles/components/taskboard-task.scss index 2bc366cd..e1e7cedf 100644 --- a/app/styles/components/taskboard-task.scss +++ b/app/styles/components/taskboard-task.scss @@ -7,7 +7,7 @@ } .taskboard-tag { @include table-flex-child(1, 0, 0, 0); - background: $grayer; //Fallback + background: $postit-hover; //Fallback height: .2rem; } .taskboard-task-inner { @@ -59,3 +59,7 @@ right: 45%; } } + +.task-drag { + @include box-shadow(); +} diff --git a/app/styles/dependencies/mixins.scss b/app/styles/dependencies/mixins.scss index 68171a47..be90c214 100644 --- a/app/styles/dependencies/mixins.scss +++ b/app/styles/dependencies/mixins.scss @@ -28,3 +28,7 @@ width: #{$width}; } } + +@mixin box-shadow($h-shadow: 1px, $v-shadow: 1px, $blur: 15px, $spread: 6px, $color: rgba(0, 0, 0, .1)) { + box-shadow: $h-shadow $v-shadow $blur $spread $color; +} diff --git a/app/views/components/taskboard-task.jade b/app/views/components/taskboard-task.jade index f35373e8..0451cd19 100644 --- a/app/views/components/taskboard-task.jade +++ b/app/views/components/taskboard-task.jade @@ -1,7 +1,7 @@ div.taskboard-task div.taskboard-tagline - - for(var y = 0; y < 5; y++) - div.taskboard-tag + - for(var y = 0; y < 3; y++) + a.taskboard-tag(href="", title="tasboard-tag") div.taskboard-task-inner figure.avatar a(href="", title="UserName")