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

Fixes in Kanban table

stable
Xavier Julián 2014-08-06 16:55:34 +02:00
parent 36885c5598
commit 0347805d07
3 changed files with 14 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/coffee/modules/kanban/sortable.coffee
View File

@ -63,7 +63,7 @@ KanbanSortableDirective = ($repo, $rs, $rootscope) ->
itemEl.remove() itemEl.remove()
tdom.sortable({ tdom.sortable({
handle: ".icon-drag-h", handle: ".icon-drag-h"
dropOnEmpty: true dropOnEmpty: true
connectWith: ".kanban-uses-box" connectWith: ".kanban-uses-box"
revert: 400 revert: 400

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

@ -1,7 +1,15 @@
.taskboard-task { .taskboard-task {
@include transition (box-shadow .4s linear);
background: $postit; background: $postit;
box-shadow: none;
margin-bottom: 1rem; margin-bottom: 1rem;
position: relative; position: relative;
&.ui-sortable-helper {
box-shadow: 1px 1px 15px rgba($black, .2);
}
&.ui-sortable-placeholder {
background: $grayer;
}
.taskboard-tagline { .taskboard-tagline {
@include table-flex(); @include table-flex();
} }
@ -15,16 +23,18 @@
padding: 1rem .5rem; padding: 1rem .5rem;
} }
.avatar { .avatar {
@include table-flex-child($flex-basis: 50px); @include table-flex-child($flex-basis: 70px);
a { a {
@extend %small; @extend %small;
display: block; display: block;
text-align: center; text-align: center;
} }
img { img {
border: 2px solid $postit-hover;
margin: 0 auto; margin: 0 auto;
} }
figcaption { figcaption {
color: darken($postit-hover, 15%);
display: block; display: block;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -39,6 +49,7 @@
.taskboard-text { .taskboard-text {
@extend %small; @extend %small;
@include table-flex-child($flex-grow: 10, $flex-basis: 50px); @include table-flex-child($flex-grow: 10, $flex-basis: 50px);
padding: 0 .5rem 0 1rem;
} }
.icon-edit, .icon-edit,
.icon-drag-h { .icon-drag-h {

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

@ -64,6 +64,7 @@ $column-margin: 0 10px 0 0;
.taskboard-tasks-box { .taskboard-tasks-box {
background: $whitish; background: $whitish;
} }
.taskboard-userstory-box { .taskboard-userstory-box {
.icon { .icon {
@include transition(color .2s linear); @include transition(color .2s linear);
@ -100,53 +101,6 @@ $column-margin: 0 10px 0 0;
margin-right: .1rem; margin-right: .1rem;
} }
} }
// .us-ref {
// color: $gray;
// margin-right: .5rem;
// }
// .status {
// color: $green-taiga;
// margin-bottom: .5rem;
// position: relative;
// .icon {
// @include transition (opacity .2s linear);
// opacity: 0;
// }
// &:hover {
// .icon {
// @include transition (opacity .2s linear);
// opacity: 1;
// }
// }
// }
// .pop-status {
// @include popover(150px, 20px, 30px, '', '');
// }
// .pop-points {
// @include popover(200px, 125px, 30px, '', '');
// li {
// display: inline-block;
// width: 23%;
// }
// a {
// display: block;
// text-align: center;
// &:hover,
// &.active {
// background: $fresh-taiga;
// color: $white;
// }
// }
// }
// .new-task {
// margin-top: 3rem;
// opacity: 0;
// }
// .button-green {
// padding: 7px 80px;
// }
} }
.points-list { .points-list {