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

fix backlog row in laptop

stable
Juanfran 2014-08-22 14:56:53 +02:00
parent 6fd03f12d7
commit 3797b7095b
2 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/partials/views/components/backlog-row.jade
View File

@ -5,7 +5,7 @@ div.row.us-item-row(ng-repeat="us in visibleUserstories|orderBy:order track by u
input(tg-check-permission, permission="modify_us", type="checkbox", name="") input(tg-check-permission, permission="modify_us", type="checkbox", name="")
a.clickable(tg-nav="project-userstories-detail:project=project.slug,ref=us.ref", a.clickable(tg-nav="project-userstories-detail:project=project.slug,ref=us.ref",
title="{{ us.subject }}", tg-bo-bind="us.subject") title="{{ us.subject }}", tg-bo-bind="us.subject")
span.us-settings div.us-settings
a.icon.icon-edit(tg-check-permission, permission="modify_us", href="", a.icon.icon-edit(tg-check-permission, permission="modify_us", href="",
ng-click="ctrl.editUserStory(us)", title="Edit") ng-click="ctrl.editUserStory(us)", title="Edit")
a.icon.icon-delete(tg-check-permission, permission="delete_us", href="", a.icon.icon-delete(tg-check-permission, permission="delete_us", href="",

29
app/styles/modules/backlog/backlog-table.scss
View File

@ -8,9 +8,9 @@
} }
} }
.row { .row {
@include table-flex();
@extend %small; @extend %small;
border-bottom: 1px solid $gray-light; border-bottom: 1px solid $gray-light;
display: flex;
padding: .5rem 0 .5rem .5rem; padding: .5rem 0 .5rem .5rem;
text-align: left; text-align: left;
width: 100%; width: 100%;
@ -22,14 +22,33 @@
&:hover { &:hover {
background: transparent; background: transparent;
} }
.user-story-name {
display: flex;
justify-content: space-between;
input,
.us-settings {
flex-shrink: 0;
white-space: nowrap;
}
a {
width: 100%;
}
}
.user-stories { .user-stories {
@include table-flex-child(20, 100px, 0, 0); width: 100%;
} }
.status { .status {
@include table-flex-child(2, 150px, 0, 0); flex-shrink: 0;
width: 240px;
} }
.points { .points {
@include table-flex-child(1, 80px, 0, 0); flex-shrink: 0;
width: 125px;
}
.icon-edit,
.icon-delete {
display: inline;
float: none;
} }
} }
.status, .status,
@ -205,7 +224,7 @@
} }
.us-settings { .us-settings {
float: right; float: right;
margin-right: 2rem; margin: 0 2rem;
opacity: 0; opacity: 0;
} }
.icon-drag-v { .icon-drag-v {