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

basic table

stable
Juanfran 2014-06-24 16:52:01 +02:00
parent c4afd6d6ac
commit 7613d2c186
11 changed files with 37 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/partials/membership.jade
View File

@ -14,7 +14,7 @@ block content
a.button.button-green(title="Add New US" href="") a.button.button-green(title="Add New US" href="")
span.text + New role span.text + New role
section.admin-membership-table section.admin-membership-table.basic-table
div.row.title div.row.title
div.header-member Member div.header-member Member
div.header-role Role div.header-role Role

2
app/partials/views/modules/colors-table.jade
View File

@ -1,4 +1,4 @@
section.colors-table section.colors-table.basic-table
div.row.title div.row.title
div.width-1.color-column Color div.width-1.color-column Color
div.width-6 Name div.width-6 Name

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

@ -1,4 +1,4 @@
section.issues-table section.issues-table.basic-table
div.row.title div.row.title
div.level-field.width-1 Severity div.level-field.width-1 Severity
div.level-field.width-1 Priority div.level-field.width-1 Priority

2
app/partials/views/modules/search-result-issues-table.jade
View File

@ -1,4 +1,4 @@
section.search-result-table section.search-result-table.basic-table
div.row.title div.row.title
div.user-stories.width-6 Issue div.user-stories.width-6 Issue
div.status.width-2 Status div.status.width-2 Status

2
app/partials/views/modules/search-result-table.jade
View File

@ -1,4 +1,4 @@
section.search-result-table section.search-result-table.basic-table
div.row.title div.row.title
div.user-stories.width-4 User Stories div.user-stories.width-4 User Stories
div.status.width-2 Status div.status.width-2 Status

31
app/styles/components/basic-table.scss Normal file
View File

@ -0,0 +1,31 @@
.basic-table {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
.row {
align-content: stretch;
align-items: center;
border-bottom: 1px solid $gray-light;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 1rem 0 1rem 1rem;
text-align: left;
width: 100%;
@for $i from 1 through 8 {
.width-#{$i} {
flex-basis: 50px;
flex-grow: $i;
flex-shrink: 0;
}
}
&:last-child {
border-bottom: 0;
}
}
}

1
app/styles/main.scss
View File

@ -25,6 +25,7 @@ $prefix-for-spec: true;
@import 'components/filter'; @import 'components/filter';
@import 'components/taskboard-task'; @import 'components/taskboard-task';
@import 'components/notification-message'; @import 'components/notification-message';
@import 'components/basic-table';
//Modules //Modules
@import 'modules/nav'; @import 'modules/nav';

22
app/styles/modules/admin-membership-table.scss
View File

@ -1,29 +1,7 @@
.admin-membership-table { .admin-membership-table {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
.title { .title {
font-family: 'DroidSans-Bold'; font-family: 'DroidSans-Bold';
} }
.row {
align-content: stretch;
align-items: center;
border-bottom: 1px solid $gray-light;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 1rem 0 1rem 1rem;
text-align: left;
width: 100%;
&:last-child {
border-bottom: 0;
}
}
.avatar { .avatar {
align-items: center; align-items: center;
display: flex; display: flex;

24
app/styles/modules/colors-table.scss
View File

@ -1,29 +1,5 @@
.colors-table { .colors-table {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
.row { .row {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 1rem 0 1rem 1rem;
position: relative;
text-align: left;
width: 100%;
@for $i from 1 through 8 {
.width-#{$i} {
flex-basis: 50px;
flex-grow: $i;
flex-shrink: 0;
}
}
&:hover { &:hover {
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in); @include transition (background .2s ease-in);

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

@ -1,28 +1,5 @@
.issues-table { .issues-table {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
.row { .row {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 1rem 0;
text-align: left;
width: 100%;
@for $i from 1 through 8 {
.width-#{$i} {
flex-basis: 50px;
flex-grow: $i;
flex-shrink: 0;
}
}
&:hover { &:hover {
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in); @include transition (background .2s ease-in);

23
app/styles/modules/search-result-table.scss
View File

@ -1,28 +1,5 @@
.search-result-table { .search-result-table {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
.row { .row {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 1rem 0 1rem 1rem;
text-align: left;
width: 100%;
@for $i from 1 through 8 {
.width-#{$i} {
flex-basis: 50px;
flex-grow: $i;
flex-shrink: 0;
}
}
&:hover { &:hover {
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in); @include transition (background .2s ease-in);