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

Setting UI in issues tabke #653

stable
Xavier Julián 2014-08-25 16:51:16 +02:00
parent aa01964264
commit 8edf2ee725
3 changed files with 31 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/partials/views/modules/issues-table.jade
View File

@ -5,7 +5,7 @@ section.issues-table.basic-table(ng-class="{empty: !issues.length}")
div.level-field(data-fieldname="priority") Priority div.level-field(data-fieldname="priority") Priority
div.subject(data-fieldname="subject") Subject div.subject(data-fieldname="subject") Subject
div.issue-field(data-fieldname="status") Status div.issue-field(data-fieldname="status") Status
div.created-date(data-fieldname="created_date") Created div.created-field(data-fieldname="created_date") Created
div.assigned-field(data-fieldname="assigned_to") Assigned to div.assigned-field(data-fieldname="assigned_to") Assigned to
div.row.table-main(ng-repeat="issue in issues track by issue.id") div.row.table-main(ng-repeat="issue in issues track by issue.id")
div.level-field(tg-listitem-type="issue") div.level-field(tg-listitem-type="issue")
@ -24,7 +24,7 @@ section.issues-table.basic-table(ng-class="{empty: !issues.length}")
div.created-field(tg-bo-bind="issue.created_date|momentFormat:'DD MMM YYYY HH:mm'") div.created-field(tg-bo-bind="issue.created_date|momentFormat:'DD MMM YYYY HH:mm'")
div.assigned-field(tg-issue-assigned-to-inline-edition="issue") div.assigned-field(tg-issue-assigned-to-inline-edition="issue")
a.issue-assignedto(href="", title="Assigned to") div.issue-assignedto(title="Assigned to")
figure.avatar figure.avatar
span.icon.icon-arrow-bottom(tg-check-permission, permission="modify_issue") span.icon.icon-arrow-bottom(tg-check-permission, permission="modify_issue")

2
app/styles/components/created-by.scss
View File

@ -1,6 +1,6 @@
.us-created-by { .us-created-by {
@include table-flex(); @include table-flex();
margin-top: 2rem; margin-top: .5rem;
position: relative; position: relative;
.user-avatar { .user-avatar {
@include table-flex-child(1, 0); @include table-flex-child(1, 0);

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

@ -47,7 +47,7 @@
text-align: center; text-align: center;
} }
.subject { .subject {
@include table-flex-child(10, 300px, 0, 300px); @include table-flex-child(7, 300px, 0, 300px);
padding-right: 1rem; padding-right: 1rem;
span { span {
&:first-child { &:first-child {
@ -57,11 +57,37 @@
} }
.issue-field, .issue-field,
.assigned-field, .assigned-field,
.created-date { .created-field {
@include table-flex-child(1, 100px, 0, 150px); @include table-flex-child(1, 100px, 0, 150px);
padding: 0 1rem; padding: 0 1rem;
text-align: left; text-align: left;
} }
.assigned-field {
@include table-flex-child(2, 100px, 0, 150px);
}
.issue-assignedto {
cursor: pointer;
position: relative;
&:hover {
.icon {
@include transition(opacity .3s linear);
opacity: 1;
}
}
figcaption {
max-width: 60%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.icon {
@include transition(opacity .3s linear);
opacity: 0;
position: absolute;
right: 0;
top: .5rem;
}
}
.pop-status { .pop-status {
@include popover(200px, 0, 65%, '', ''); @include popover(200px, 0, 65%, '', '');
&.fix { &.fix {