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="")
span.text + New role
section.admin-membership-table
section.admin-membership-table.basic-table
div.row.title
div.header-member Member
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.width-1.color-column Color
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.level-field.width-1 Severity
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.user-stories.width-6 Issue
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.user-stories.width-4 User Stories
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/taskboard-task';
@import 'components/notification-message';
@import 'components/basic-table';
//Modules
@import 'modules/nav';

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

@ -1,29 +1,7 @@
.admin-membership-table {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
.title {
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 {
align-items: center;
display: flex;

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

@ -1,29 +1,5 @@
.colors-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;
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 {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in);

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

@ -1,28 +1,5 @@
.issues-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;
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 {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in);

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

@ -1,28 +1,5 @@
.search-result-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;
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 {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in);