Chats: display the last message in chats list, fixes #361

2020-08-30 19:31:09 -05:00 · 2020-08-30 19:31:09 -05:00 · 445bb30ac0
commit 445bb30ac0
parent a47524d33f
3 changed files with 25 additions and 0 deletions
--- a/app/soapbox/features/chats/components/chat.js
+++ b/app/soapbox/features/chats/components/chat.js
--- a/app/soapbox/selectors/index.js
+++ b/app/soapbox/selectors/index.js
--- a/app/styles/chats.scss
+++ b/app/styles/chats.scss
@ -146,6 +146,22 @@

  .account__display-name {
    position: relative;
+
+    .display-name {
+      display: flex;
+
+      bdi {
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .display-name__account {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        flex: 1;
+        display: none;
+      }
+    }
  }

  .icon-with-badge__badge {
@ -253,3 +269,12 @@
    background: transparent;
  }
 }
+
+.chat {
+  &__last-message {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}