Epics table layout
parent
6e6257f039
commit
ad0b59f0a9
|
@ -394,7 +394,8 @@
|
|||
"EPICS": {
|
||||
"TITLE": "EPICS",
|
||||
"DASHBOARD": {
|
||||
"ADD": "+ ADD EPIC"
|
||||
"ADD": "+ ADD EPIC",
|
||||
"UNASSIGNED": "Unassigned"
|
||||
},
|
||||
"TABLE": {
|
||||
"VOTES": "Votes",
|
||||
|
|
|
@ -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"
|
||||
)
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue