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

issues table styles

stable
Xavier Julián 2014-06-30 16:37:24 +02:00
parent a0fc0ec570
commit 854a65f389
5 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/partials/issues.jade
View File

@ -7,7 +7,7 @@ block content
div.wrapper.issues(tg-issues, ng-controller="IssuesController as ctrl", ng-init="section='issues'")
sidebar.menu-secondary.extrabar.filters-bar
include views/modules/filters
//
//- TODO: Please delete this once filters are working correctly
sidebar.menu-secondary.sidebar.filters-container
// TODO: maybe everything related to this section
// should be done in one unique include?

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

@ -1,15 +1,15 @@
section.issues-table.basic-table
div.row.title
div.level-field.width-1 Severity
div.level-field.width-1 Priority
div.width-7.subject Subject
div.width-2 Status
div.width-2 Assigned to
div.level-field Severity
div.level-field Priority
div.subject Subject
div.issue-field Status
div.assigned-field Assigned to
div.row.table-main(ng-repeat="issue in issues track by issue.id")
div.level-field.width-1(tg-issue-severity="issue")
div.level-field.width-1(tg-issue-priority="issue")
div.width-7.subject(tg-bo-html="issue.subject")
div.width-2(tg-issue-status="issue")
div.width-2(tg-issue-assignedto="issue")
div.level-field(tg-issue-severity="issue")
div.level-field(tg-issue-priority="issue")
div.subject(tg-bo-html="issue.subject")
div.issue-field(tg-issue-status="issue")
div.assigned-field(tg-issue-assignedto="issue")
section.issues-paginator
section.issues-paginator

2
app/styles/layout/issues.scss
View File

@ -6,4 +6,4 @@
opacity: 1;
padding: 2em 1em;
}
}
}

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

@ -1,4 +1,5 @@
.issues-table {
@include table-flex();
.row {
&:hover {
background: lighten($green-taiga, 60%);
@ -39,9 +40,17 @@
width: 18px;
}
.level-field {
@include table-flex-child(1, 50px, 0, 50px);
text-align: center;
}
.subject {
@include table-flex-child(7, 300px, 0, 300px);
padding-right: 1rem;
}
.issue-field,
.assigned-field {
@include table-flex-child(1, 150px, 0, 150px);
padding: 0 1rem;
text-align: left;
}
}

1
app/styles/modules/list-filters.scss
View File

@ -3,6 +3,7 @@
background-color: $whitish;
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
padding: .5rem 1rem;
ul {
display: flex;