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

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
parent 68b92ce8e7 48ae1f8b7c
commit af993d369f
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/partials/includes/modules/issues-table.jade
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-severity="issue")
div.level-field(tg-listitem-priority="issue") div.level-field(tg-listitem-priority="issue")
div.subject 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(tg-bo-ref="issue.ref")
span(ng-bind="issue.subject") span(ng-bind="issue.subject")

23
app/styles/modules/issues/issues-table.scss
View File

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