diff --git a/src/components/chat/chat.scss b/src/components/chat/chat.scss index 6ae7ebc9..012a1b1d 100644 --- a/src/components/chat/chat.scss +++ b/src/components/chat/chat.scss @@ -53,7 +53,6 @@ display: flex; z-index: 2; position: sticky; - display: flex; overflow: hidden; } diff --git a/src/components/chat_list_item/chat_list_item.scss b/src/components/chat_list_item/chat_list_item.scss index 3ec59ea2..617054ec 100644 --- a/src/components/chat_list_item/chat_list_item.scss +++ b/src/components/chat_list_item/chat_list_item.scss @@ -43,6 +43,7 @@ white-space: nowrap; overflow: hidden; flex-shrink: 1; + line-height: 1.4em; } .chat-preview { @@ -51,10 +52,9 @@ white-space: nowrap; text-overflow: ellipsis; margin: 0.35em 0; - height: 1.2em; - line-height: 1.2em; color: $fallback--text; color: var(--faint, $fallback--text); + width: 100%; } a { @@ -83,4 +83,12 @@ height: 1.4em; } } + + .time-wrapper { + line-height: 1.4em; + } + + .single-line { + padding-right: 1em; + } } diff --git a/src/components/chat_list_item/chat_list_item.vue b/src/components/chat_list_item/chat_list_item.vue index 640426b8..1f8ecdf6 100644 --- a/src/components/chat_list_item/chat_list_item.vue +++ b/src/components/chat_list_item/chat_list_item.vue @@ -23,7 +23,10 @@
- +
-
+