Merge pull request #294 from taigaio/issue/2037/issue-table-shrink

Fix issues table layout in all resolutions.
stable
Juanfran 2015-01-29 02:21:45 -08:00
commit af993d369f
2 changed files with 15 additions and 10 deletions

View File

@ -12,7 +12,7 @@ section.issues-table.basic-table(ng-class="{empty: !issues.length}")
div.level-field(tg-listitem-severity="issue")
div.level-field(tg-listitem-priority="issue")
div.subject
a(href="", tg-nav="project-issues-detail:project=project.slug,ref=issue.ref")
a(href="", tg-nav="project-issues-detail:project=project.slug,ref=issue.ref", title="{{ ::issue.subject }}")
span(tg-bo-ref="issue.ref")
span(ng-bind="issue.subject")

View File

@ -45,38 +45,43 @@
}
}
.level-field {
flex-basis: 70px;
flex-grow: 1;
flex-basis: 75px;
flex-grow: 0;
flex-shrink: 0;
text-align: center;
width: 75px;
}
.subject {
flex-basis: 300px;
flex-grow: 7;
flex-shrink: 0;
padding-right: 1rem;
a {
white-space: nowrap;
}
span {
vertical-align: middle;
&:first-child {
margin-right: .5rem;
}
&:last-child {
@include ellipsis(80%);
@include ellipsis(100%);
display: inline-block;
padding-right: 2rem;
}
}
}
.issue-field,
.assigned-field,
.created-field {
flex-basis: 100px;
.created-field ,
.assigned-field {
flex-basis: 120px;
flex-grow: 1;
flex-shrink: 0;
padding: 0 1rem;
position: relative;
text-align: left;
}
.assigned-field {
flex-basis: 100px;
flex-grow: 2;
}
.issue-assignedto {
cursor: pointer;
position: relative;