diff options
| author | Kushal Pandya <kushalspandya@gmail.com> | 2018-12-08 12:58:45 +0300 |
|---|---|---|
| committer | Phil Hughes <me@iamphill.com> | 2018-12-08 12:58:45 +0300 |
| commit | 295e8b9bed2e83a878c2713f69d6be6b3b83c7d0 (patch) | |
| tree | 1a1a0abbdf275e8b9a30dd6ce572ac46a19f98b7 /app/assets/javascripts/boards/components/issue_due_date.vue | |
| parent | 6018259f737060444fc968b3deeaa9081722b886 (diff) | |
CE Backport: Epic issue list and related issue list re-design
Diffstat (limited to 'app/assets/javascripts/boards/components/issue_due_date.vue')
| -rw-r--r-- | app/assets/javascripts/boards/components/issue_due_date.vue | 20 |
1 files changed, 14 insertions, 6 deletions
diff --git a/app/assets/javascripts/boards/components/issue_due_date.vue b/app/assets/javascripts/boards/components/issue_due_date.vue index 15937b1091a..e038198e6f0 100644 --- a/app/assets/javascripts/boards/components/issue_due_date.vue +++ b/app/assets/javascripts/boards/components/issue_due_date.vue @@ -15,6 +15,16 @@ export default { type: String, required: true, }, + cssClass: { + type: String, + required: false, + default: '', + }, + tooltipPlacement: { + type: String, + required: false, + default: 'bottom', + }, }, computed: { title() { @@ -66,15 +76,13 @@ export default { <template> <span> - <span ref="issueDueDate" class="board-card-info card-number"> - <icon - :class="{ 'text-danger': isPastDue, 'board-card-info-icon': true }" - name="calendar" - /><time :class="{ 'text-danger': isPastDue }" datetime="date" class="board-card-info-text">{{ + <span ref="issueDueDate" :class="cssClass" class="board-card-info card-number"> + <icon :class="{ 'text-danger': isPastDue, 'board-card-info-icon': true }" name="calendar" /> + <time :class="{ 'text-danger': isPastDue }" datetime="date" class="board-card-info-text">{{ body }}</time> </span> - <gl-tooltip :target="() => $refs.issueDueDate" placement="bottom"> + <gl-tooltip :target="() => $refs.issueDueDate" :placement="tooltipPlacement"> <span class="bold">{{ __('Due date') }}</span> <br /> <span :class="{ 'text-danger-muted': isPastDue }">{{ title }}</span> </gl-tooltip> |