Add line-clamp to recent chats list
| @@ -90,7 +90,7 @@ body.bubblechat .welcomePanel { | ||
| 90 | 90 | .welcomeRecent .recentChatList .recentChat { |
| 91 | 91 | display: flex; |
| 92 | 92 | flex-direction: row; |
| 93 | - transition: filter 0.2s; | |
| 93 | + align-items: center; | |
| 94 | 94 | padding: 5px 10px; |
| 95 | 95 | border-radius: 10px; |
| 96 | 96 | cursor: pointer; |
| @@ -102,10 +102,6 @@ body.bubblechat .welcomePanel { | ||
| 102 | 102 | flex: 0; |
| 103 | 103 | } |
| 104 | 104 | |
| 105 | -.welcomeRecent .recentChatList .recentChat.selected { | |
| 106 | - background-color: var(--cobalt30a); | |
| 107 | -} | |
| 108 | - | |
| 109 | 105 | .welcomeRecent .recentChatList .recentChat:hover { |
| 110 | 106 | background-color: var(--white30a); |
| 111 | 107 | } |
| @@ -143,11 +139,18 @@ body.bubblechat .welcomePanel { | ||
| 143 | 139 | } |
| 144 | 140 | |
| 145 | 141 | .welcomeRecent .recentChatList .recentChat .chatMessageContainer .chatMessage { |
| 146 | - white-space: nowrap; | |
| 142 | + display: -webkit-box; | |
| 147 | 143 | text-overflowwebkit-box-orient: ellipsisvertical; |
| 144 | + -webkit-line-clamp: 2; | |
| 145 | + line-clamp: 2; | |
| 148 | 146 | overflow: hidden; |
| 149 | 147 | } |
| 150 | 148 | |
| 149 | +body.big-avatars .welcomeRecent .recentChatList .recentChat .chatMessageContainer .chatMessage { | |
| 150 | + -webkit-line-clamp: 4; | |
| 151 | + line-clamp: 4; | |
| 152 | +} | |
| 153 | + | |
| 151 | 154 | .welcomeRecent .recentChatList .recentChat .chatStats { |
| 152 | 155 | display: flex; |
| 153 | 156 | flex-direction: row; |