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

Fix table columns layout in team members

stable
Xavier Julián 2014-11-27 15:30:39 +01:00 committed by Jesús Espino
parent 33bb54e453
commit a13501cc58
3 changed files with 36 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/partials/views/modules/team/team-table.jade
View File

@ -1,6 +1,7 @@
section.table-team.basic-table section.table-team.basic-table
header.row.team-header header.row.team-header
div.username div.username
div.member-stats
div.attribute.attribute-name(ng-if="issuesEnabled") div.attribute.attribute-name(ng-if="issuesEnabled")
span Mr. Wolf span Mr. Wolf
div.popover.attribute-explanation div.popover.attribute-explanation

2
app/styles/dependencies/colors.scss
View File

@ -2,8 +2,8 @@
$black: #000; $black: #000;
$blackish: #050505; $blackish: #050505;
$gray: #555;
$grayer: #444; $grayer: #444;
$gray: #555;
$gray-light: #b8b8b8; $gray-light: #b8b8b8;
$whitish: #f5f5f5; $whitish: #f5f5f5;
$very-light-gray: #fcfcfc; $very-light-gray: #fcfcfc;

15
app/styles/modules/team/team-table.scss
View File

@ -3,14 +3,18 @@
padding: .5rem; padding: .5rem;
} }
.username { .username {
@include table-flex-child(3, 0, 0); @include flex(5);
min-width: 300px;
} }
.member-stats { .member-stats {
@include table-flex(stretch, center, flex, row, wrap, flex-start); @include display(flex);
@include table-flex-child(6, 0, 0); @include align-content(center);
@include align-items(center);
@include justify-content(flex-end);
@include flex(6);
} }
.attribute { .attribute {
@include table-flex-child(1, 0, 0); @include flex(1);
position: relative; position: relative;
text-align: center; text-align: center;
.icon, .icon,
@ -36,8 +40,9 @@
} }
} }
.leave-project { .leave-project {
@extend %small;
color: $gray-light;
display: block; display: block;
margin-top: .3rem;
.icon { .icon {
margin-right: .2rem; margin-right: .2rem;
} }