FromChat/web
1
0
Fork 0
mirror of https://github.com/fromchat-messenger/web.git synced 2026-09-22 19:15:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improve quote styling

Browse Source
This commit is contained in:
denis0001-dev
2025-09-19 16:54:48 +03:00
Unverified
parent 318e15001f
commit 5cf6af925d
4 changed files with 42 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/resources/css/_chat.scss
+34 -22
View File
@@ -128,6 +128,23 @@
}
}
.quote.contextual-content > .quote-inner {
display: flex;
flex-direction: column;
gap: 4px;
.reply-username {
font-weight: 600;
color: $color-dark-on-surface;
font-size: 0.85rem;
}
.reply-text {
overflow: hidden;
text-overflow: ellipsis;
}
}
.chat-messages {
flex: 1;
padding: 1rem;
@@ -192,30 +209,9 @@
white-space: pre-wrap;
}
.quote.message-reply {
.quote.reply-preview {
user-select: none;
margin-bottom: 10px;
.quote-inner {
display: flex;
flex-direction: column;
gap: 0.2rem;
.reply-username {
font-weight: 600;
font-size: 0.8rem;
color: $color-dark-primary;
}
.reply-text {
font-size: 0.85rem;
color: $color-dark-on-surface-variant;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 200px;
}
}
}
.message-time {
@@ -289,6 +285,22 @@
border-radius: 30px;
flex-direction: column;
.contextual-preview {
padding: 12px 16px 0 16px;
display: flex;
align-items: flex-start;
gap: 16px;
mdui-icon {
align-self: center;
box-sizing: content-box;
}
.reply-cancel {
margin-left: auto;
}
}
.chat-input {
flex: 1;
display: flex;