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

Fix issues table layout in all resolutions. TG-2037 #ready-for-test

stable
Xavier Julián 2015-01-29 09:39:32 +01:00
parent 2957fd2297
commit 5d29a51bb6
2 changed files with 11 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")

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

@ -45,13 +45,16 @@
} }
} }
.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;
span { span {
vertical-align: middle; vertical-align: middle;
@ -59,24 +62,22 @@
margin-right: .5rem; margin-right: .5rem;
} }
&:last-child { &:last-child {
@include ellipsis(80%); @include ellipsis(250px);
display: inline-block; display: inline-block;
} }
} }
} }
.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;