diff --git a/client/stylesheets/base.less b/client/stylesheets/base.less index 9ea6a8aaf24f..ddab922217f6 100644 --- a/client/stylesheets/base.less +++ b/client/stylesheets/base.less @@ -1667,7 +1667,7 @@ a.github-fork { .messages-box { position: relative; - margin: 60px 20px 0px; + margin: 60px 20px 0px 0px; overflow: hidden; .calc(width, ~'100% - 20px'); .calc(height, ~'100% - 120px'); @@ -1699,6 +1699,7 @@ a.github-fork { padding-left: 50px; position: relative; line-height: 20px; + margin-left: 20px; &.with-thumb { margin-top: 12px; min-height: 40px; @@ -1792,7 +1793,7 @@ a.github-fork { } } } - .time { + .time, .time-single { font-size: 12px; position: absolute; display: inline-block; @@ -1800,6 +1801,32 @@ a.github-fork { left: 6px; opacity: 0; } + .time-single { + opacity: 1; + left: -15px; + width: 64px; + .time-single-time { + display: none; + } + .time-single-edited { + text-align: center; + } + } + .message.own:hover { + .time-single { + .time-single-time { + display: block; + } + .time-single-edited { + display: none; + text-align: center; + } + } + .edit-message { + display: inline-block; + } + } + .thumb { position: absolute; left: 0; diff --git a/client/views/app/chatMessageDashboard.coffee b/client/views/app/chatMessageDashboard.coffee index 9919bbd24af3..06bcd9f35690 100644 --- a/client/views/app/chatMessageDashboard.coffee +++ b/client/views/app/chatMessageDashboard.coffee @@ -5,6 +5,9 @@ Template.chatMessageDashboard.helpers username: -> return this.u.username + messageDate: (date) -> + return moment(date).format('LL') + isSystemMessage: -> return this.t in ['s', 'p', 'f', 'r', 'au', 'ru', 'ul', 'nu', 'wm'] diff --git a/client/views/app/chatMessageDashboard.html b/client/views/app/chatMessageDashboard.html index e1388040d527..b57187856a68 100644 --- a/client/views/app/chatMessageDashboard.html +++ b/client/views/app/chatMessageDashboard.html @@ -1,9 +1,15 @@