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

kanban task

stable
Xavier Julián 2014-07-25 13:49:33 +02:00
parent 87e113c667
commit 2b448409d0
3 changed files with 85 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/partials/views/components/kanban-task.jade
View File

@ -1,13 +1,13 @@
div.kanban-tagline div.kanban-tagline
a.taskboard-tag a.taskboard-tag
div.kanban-task-inner div.kanban-task-inner
p.task-text tg-kanban-user-avatar(model="us.assigned_to", click="ctrl.changeUsAssignedTo(us)")
div.task-text
span.task-num(tg-bo-ref="us.ref") span.task-num(tg-bo-ref="us.ref")
a.task-name(href="", title="", tg-bind-html="us.subject", a.task-name(href="", title="", tg-bind-html="us.subject",
tg-nav="project-userstories-detail:project=project.slug,ref=us.ref") tg-nav="project-userstories-detail:project=project.slug,ref=us.ref")
p.task-points
tg-kanban-user-avatar(model="us.assigned_to", click="ctrl.changeUsAssignedTo(us)") span(tg-bind-html="us.total_points") --
span points
a.icon.icon-edit(href="", title="Edit", ng-click="ctrl.editUserStory(us)") a.icon.icon-edit(href="", title="Edit", ng-click="ctrl.editUserStory(us)")
a.icon.icon-drag-h(href="", title="Drag&Drop") a.icon.icon-drag-h(href="", title="Drag&Drop")
a.task-points(href="", title="task points", tg-bind-html="us.total_points") --

48
app/styles/components/kanban-task.scss
View File

@ -21,34 +21,48 @@
height: .3rem; height: .3rem;
} }
.kanban-task-inner { .kanban-task-inner {
@include table-flex();
padding: 1rem 1rem 2rem; padding: 1rem 1rem 2rem;
} }
.task-num { .task-num {
color: $postit-hover; color: $postit-hover;
margin-right: .5em; margin-right: .5em;
} }
.task-text { .avatar {
margin-bottom: .5rem; @include table-flex-child($flex-basis: 50px);
padding-right: 2rem; a {
@extend %small;
text-align: center;
}
img {
margin: 0 auto;
} }
.assigned-to { .assigned-to {
color: darken($postit-hover, 15%);
display: block;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
top: 4px;
white-space: nowrap;
width: 50px;
}
}
.task-text {
@include table-flex-child($flex-grow: 10, $flex-basis: 50px);
@extend %small; @extend %small;
} padding: 0 .5rem 0 1rem;
.avatar {
display: inline-block;
vertical-align: middle;
img {
margin-right: .5rem;
max-width: 1.5rem;
}
} }
.task-points { .task-points {
@extend %large; @extend %small;
color: $postit-hover; color: darken($postit-hover, 15%);
padding: .5rem 1rem; margin: 0;
position: absolute; span {
right: 0; display: inline-block;
top: .5rem; &:first-child {
padding-right: .2rem;
}
}
} }
.icon-edit, .icon-edit,
.icon-drag-h { .icon-drag-h {

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

@ -97,54 +97,57 @@ $column-margin: 0 10px 0 0;
.points-value { .points-value {
@extend %small; @extend %small;
color: $gray-light; color: $gray-light;
} span {
/* 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 { // .us-ref {
@include popover(150px, 20px, 30px, '', ''); // color: $gray;
} // margin-right: .5rem;
.pop-points { // }
@include popover(200px, 125px, 30px, '', ''); // .status {
li { // color: $green-taiga;
display: inline-block; // margin-bottom: .5rem;
width: 23%; // position: relative;
} // .icon {
a { // @include transition (opacity .2s linear);
display: block; // opacity: 0;
text-align: center; // }
&:hover, // &:hover {
&.active { // .icon {
background: $fresh-taiga; // @include transition (opacity .2s linear);
color: $white; // opacity: 1;
} // }
} // }
} // }
.new-task { // .pop-status {
margin-top: 3rem; // @include popover(150px, 20px, 30px, '', '');
opacity: 0; // }
} // .pop-points {
.button-green { // @include popover(200px, 125px, 30px, '', '');
padding: 7px 80px; // 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 {