diff options
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%; |