Add line-clamp to recent chats list

2e6a02a57681c157ba2dace545b606aeeeedc18d

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 8d2c8fd67546c0c8a44d8375fe171ecaf084ace9
1 files changed, +10 -7Showing whitespace changes
public/css/welcome.css+10 -7
@@ -90,7 +90,7 @@ body.bubblechat .welcomePanel {
90.welcomeRecent .recentChatList .recentChat {90.welcomeRecent .recentChatList .recentChat {
91 display: flex;91 display: flex;
92 flex-direction: row;92 flex-direction: row;
93 transition: filter 0.2s;93 align-items: center;
94 padding: 5px 10px;94 padding: 5px 10px;
95 border-radius: 10px;95 border-radius: 10px;
96 cursor: pointer;96 cursor: pointer;
@@ -102,10 +102,6 @@ body.bubblechat .welcomePanel {
102 flex: 0;102 flex: 0;
103}103}
104104
105.welcomeRecent .recentChatList .recentChat.selected {
106 background-color: var(--cobalt30a);
107}
108
109.welcomeRecent .recentChatList .recentChat:hover {105.welcomeRecent .recentChatList .recentChat:hover {
110 background-color: var(--white30a);106 background-color: var(--white30a);
111}107}
@@ -143,11 +139,18 @@ body.bubblechat .welcomePanel {
143}139}
144140
145.welcomeRecent .recentChatList .recentChat .chatMessageContainer .chatMessage {141.welcomeRecent .recentChatList .recentChat .chatMessageContainer .chatMessage {
146 white-space: nowrap;142 display: -webkit-box;
147 text-overflow: ellipsis;143 -webkit-box-orient: vertical;
144 -webkit-line-clamp: 2;
145 line-clamp: 2;
148 overflow: hidden;146 overflow: hidden;
149}147}
150148
149body.big-avatars .welcomeRecent .recentChatList .recentChat .chatMessageContainer .chatMessage {
150 -webkit-line-clamp: 4;
151 line-clamp: 4;
152}
153
151.welcomeRecent .recentChatList .recentChat .chatStats {154.welcomeRecent .recentChatList .recentChat .chatStats {
152 display: flex;155 display: flex;
153 flex-direction: row;156 flex-direction: row;