Epics table layout

stable
Xavier Julián 2016-07-26 11:09:40 +02:00 committed by David Barragán Merino
parent 6e6257f039
commit ad0b59f0a9
4 changed files with 32 additions and 8 deletions

View File

@ -394,7 +394,8 @@
"EPICS": {
"TITLE": "EPICS",
"DASHBOARD": {
"ADD": "+ ADD EPIC"
"ADD": "+ ADD EPIC",
"UNASSIGNED": "Unassigned"
},
"TABLE": {
"VOTES": "Votes",

View File

@ -23,15 +23,23 @@
translate="EPICS.TABLE.SPRINT"
)
.assigned(
ng-if="vm.column.assigned && vm.epic.getIn(['assigned_to_extra_info', 'photo'])"
ng-if="vm.column.assigned && vm.epic.get('assigned_to')"
)
img(
ng-if="vm.epic.getIn(['assigned_to_extra_info', 'photo'])"
ng-src="{{vm.epic.getIn(['assigned_to_extra_info', 'photo'])}}"
alt="::vm.epic.getIn(['assigned_to_extra_info', 'name'])"
alt="{{::vm.epic.getIn(['assigned_to_extra_info', 'full_name_display'])}}"
)
img(
ng-if="!vm.epic.getIn(['assigned_to_extra_info', 'photo'])"
ng-src="https://www.gravatar.com/avatar/{{vm.epic.getIn(['assigned_to_extra_info', 'gravatar_id'])}}"
alt="{{::vm.epic.getIn(['assigned_to_extra_info', 'full_name_display'])}}"
)
.assigned(
ng-if="vm.column.assigned && !vm.epic.getIn(['assigned_to_extra_info', 'photo'])"
) Unassigned
ng-if="vm.column.assigned && !vm.epic.get('assigned_to')"
ng-class="{'is-unassigned': !vm.epic.get('assigned_to')}"
translate="EPICS.DASHBOARD.UNASSIGNED"
)
.status(
ng-if="vm.column.status && !vm.permissions.canEdit"
)

View File

@ -56,12 +56,20 @@
.vote {
color: $gray;
}
.assigned {
img {
width: 40px;
}
}
.icon-upvote {
@include svg-size(.75rem);
fill: $gray;
margin-right: .25rem;
vertical-align: middle;
}
.is-unassigned {
color: $gray-light;
}
.epic-statuses {
@include font-type(light);
@include font-size(small);

View File

@ -4,7 +4,9 @@
.epics-table-header,
.epics-table-body {
.assigned,
.assigned {
padding: .5rem;
}
.project,
.vote,
.status,
@ -17,7 +19,7 @@
.assigned,
.project,
.vote {
flex-basis: 80px;
flex-basis: 100px;
flex-grow: 0;
flex-shrink: 0;
flex-wrap: wrap;
@ -33,7 +35,9 @@
}
.name,
.progress {
flex: 1;
flex-basis: 20vw;
flex-grow: 1;
flex-shrink: 2;
max-width: 40vw;
}
.name,
@ -54,6 +58,9 @@
display: flex;
padding: .5rem;
position: relative;
.assigned {
padding: 1rem .5rem;
}
}
.epics-table-options-wrapper {