diff options
| author |  cel 🌸 <cel@bunny.garden> | 2025-05-15 23:53:49 +0100 |
|---|---|---|
| committer | cel 🌸 <cel@bunny.garden> | 2025-05-15 23:53:49 +0100 |
| commit | d66db62b094373b69564877e4faee42fad986efc (patch) | |
| tree | 59205ce4a0ced5003c287b816897bc87ce8a7a61 /assets | |
| parent | 227661fb8339743f87fc36ca3be1f935050db2d4 (diff) | |
| download | macaw-web-d66db62b094373b69564877e4faee42fad986efc.tar.gz macaw-web-d66db62b094373b69564877e4faee42fad986efc.tar.bz2 macaw-web-d66db62b094373b69564877e4faee42fad986efc.zip | |
feat: ellipsis ChatsListItem message preview overflow, better styling
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/style.scss | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/assets/style.scss b/assets/style.scss index b32e35c..4ad2dd7 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -173,6 +173,7 @@ p { padding: 0.5em; margin: 0.5em 0; box-sizing: border-box; + align-items: stretch; } .chats-list-item:hover, @@ -186,6 +187,51 @@ p { /* background: linear-gradient(0deg, #364B3B 0%, #19311F 100%); */ } +.chats-list-item .item-info, .roster-list-item .item-info { + width: 0; + display: flex; + flex: 1 1 auto; + flex-direction: column; + justify-content: space-between; +} + +.chats-list-item .main-info, .roster-list-item .main-info { + display: flex; + justify-content: space-between; + align-items: baseline; +} + +.chats-list-item .name, .roster-list-item .name { + font-weight: bold; + font-size: 1.1em; +} + +.chats-list-item .name, .roster-list-item .name { + font-weight: light; +} + +.chats-list-item .sub-info, .roster-list-item .sub-info { + display: flex; +} + +.chats-list-item .message-preview { + font-weight: light; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: auto; +} + +.roster-list-item .jid { + opacity: 0; + font-family: Diolce; + font-weight: normal; +} + +.roster-list-item:hover .jid { + opacity: 100%; +} + .avatar { object-fit: contain; border-radius: 50%; |