From 5fb98734d5b91ee6eb57b5fbe098e401d490d946 Mon Sep 17 00:00:00 2001 From: Regis Date: Thu, 4 May 2017 15:18:59 -0600 Subject: [PATCH] use more subtle datetime and title change for timeagoEl - use SCSS variable for timing on animation --- .../javascripts/issue_show/issue_title_description.vue | 5 +---- app/assets/stylesheets/pages/issues.scss | 2 +- 2 files changed, 2 insertions(+), 5 deletions(-) diff --git a/app/assets/javascripts/issue_show/issue_title_description.vue b/app/assets/javascripts/issue_show/issue_title_description.vue index 838dccd6a79..e88ab69455b 100644 --- a/app/assets/javascripts/issue_show/issue_title_description.vue +++ b/app/assets/javascripts/issue_show/issue_title_description.vue @@ -70,8 +70,6 @@ export default { this.tasks = this.apiData.task_status; this.descriptionFlag = { pre: true, pulse: false }; } - - return { noTitleChange, noDescriptionChange }; }, setTabTitle() { const currentTabTitleScope = this.titleEl.innerText.split('ยท'); @@ -109,9 +107,8 @@ export default { }, updateEditedTimeAgo() { const toolTipTime = gl.utils.formatDate(this.apiData.updated_at); - this.timeAgoEl.attr('datetime', this.apiData.updated_at); - this.timeAgoEl.attr('data-original-title', toolTipTime); + this.timeAgoEl.attr('title', toolTipTime).tooltip('fixTitle'); }, }, computed: { diff --git a/app/assets/stylesheets/pages/issues.scss b/app/assets/stylesheets/pages/issues.scss index f109a01cfa0..eda1f968388 100644 --- a/app/assets/stylesheets/pages/issues.scss +++ b/app/assets/stylesheets/pages/issues.scss @@ -23,7 +23,7 @@ } .issue-realtime-trigger-pulse { - transition: opacity 0.2s ease; + transition: opacity $fade-in-duration linear; opacity: 1; }