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'") div.wrapper.issues(tg-issues, ng-controller="IssuesController as ctrl", ng-init="section='issues'")
sidebar.menu-secondary.extrabar.filters-bar sidebar.menu-secondary.extrabar.filters-bar
include views/modules/filters include views/modules/filters
// //- TODO: Please delete this once filters are working correctly
sidebar.menu-secondary.sidebar.filters-container sidebar.menu-secondary.sidebar.filters-container
// TODO: maybe everything related to this section // TODO: maybe everything related to this section
// should be done in one unique include? // 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 section.issues-table.basic-table
div.row.title div.row.title
div.level-field.width-1 Severity div.level-field Severity
div.level-field.width-1 Priority div.level-field Priority
div.width-7.subject Subject div.subject Subject
div.width-2 Status div.issue-field Status
div.width-2 Assigned to div.assigned-field 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.width-1(tg-issue-severity="issue") div.level-field(tg-issue-severity="issue")
div.level-field.width-1(tg-issue-priority="issue") div.level-field(tg-issue-priority="issue")
div.width-7.subject(tg-bo-html="issue.subject") div.subject(tg-bo-html="issue.subject")
div.width-2(tg-issue-status="issue") div.issue-field(tg-issue-status="issue")
div.width-2(tg-issue-assignedto="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; opacity: 1;
padding: 2em 1em; padding: 2em 1em;
} }
} }

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

@ -1,4 +1,5 @@
.issues-table { .issues-table {
@include table-flex();
.row { .row {
&:hover { &:hover {
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);
@ -39,9 +40,17 @@
width: 18px; width: 18px;
} }
.level-field { .level-field {
@include table-flex-child(1, 50px, 0, 50px);
text-align: center; text-align: center;
} }
.subject { .subject {
@include table-flex-child(7, 300px, 0, 300px);
padding-right: 1rem; 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; background-color: $whitish;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 2rem;
padding: .5rem 1rem; padding: .5rem 1rem;
ul { ul {
display: flex; display: flex;