diff --git a/resources/assets/js/pages/manage/messenger.vue b/resources/assets/js/pages/manage/messenger.vue index 885d6cf8a..ab5565cc6 100644 --- a/resources/assets/js/pages/manage/messenger.vue +++ b/resources/assets/js/pages/manage/messenger.vue @@ -57,7 +57,14 @@ {{$A.formatTime(dialog.last_at)}} -
{{formatLastMsg(dialog.last_msg)}}
+
+ +
{{formatLastMsg(dialog.last_msg)}}
+
diff --git a/resources/assets/sass/pages/page-messenger.scss b/resources/assets/sass/pages/page-messenger.scss index 5c7e8bfe7..7aba18da2 100644 --- a/resources/assets/sass/pages/page-messenger.scss +++ b/resources/assets/sass/pages/page-messenger.scss @@ -166,9 +166,26 @@ color: #999999; font-size: 12px; line-height: 24px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + display: flex; + align-items: center; + .common-avatar { + padding-right: 4px; + margin-right: 4px; + position: relative; + &:after { + content: ":"; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0; + } + } + .last-text { + flex: 1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } } } .dialog-num {