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

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

@ -1,30 +1,31 @@
section.table-team.basic-table section.table-team.basic-table
header.row.team-header header.row.team-header
div.username div.username
div.attribute.attribute-name(ng-if="issuesEnabled") div.member-stats
span Mr. Wolf div.attribute.attribute-name(ng-if="issuesEnabled")
div.popover.attribute-explanation span Mr. Wolf
span I see, you solve issues! div.popover.attribute-explanation
div.attribute(ng-if="tasksEnabled") span I see, you solve issues!
span Poison Drinker div.attribute(ng-if="tasksEnabled")
div.popover.attribute-explanation span Poison Drinker
span Hey, are you a iocaine-holic? div.popover.attribute-explanation
div.attribute(ng-if="wikiEnabled") span Hey, are you a iocaine-holic?
span Cervantes div.attribute(ng-if="wikiEnabled")
div.popover.attribute-explanation span Cervantes
span You have no fear to the blank page! div.popover.attribute-explanation
div.attribute(ng-if="issuesEnabled") span You have no fear to the blank page!
Total Bug Hunter div.attribute(ng-if="issuesEnabled")
div.popover.attribute-explanation Total Bug Hunter
span Thaks to you, this project still alive. div.popover.attribute-explanation
div.attribute(ng-if="tasksEnabled") span Thaks to you, this project still alive.
span Night Shift div.attribute(ng-if="tasksEnabled")
div.popover.attribute-explanation span Night Shift
span Poor Devil, you work too much. div.popover.attribute-explanation
div.attribute span Poor Devil, you work too much.
Total Power div.attribute
div.popover.attribute-explanation Total Power
span How far did you go into this Taiga? div.popover.attribute-explanation
span How far did you go into this Taiga?
div.hero(tg-team-current-user, stats="stats", currentuser="currentUser", projectid="projectId", issuesEnabled="issuesEnabled", tasksenabled="tasksEnabled", wikienabled="wikiEnabled") div.hero(tg-team-current-user, stats="stats", currentuser="currentUser", projectid="projectId", issuesEnabled="issuesEnabled", tasksenabled="tasksEnabled", wikienabled="wikiEnabled")

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;
} }