UI: упростить профиль и обновить UX чатов/шапок

This commit is contained in:
AidarKC
2026-05-19 15:34:46 +03:00
parent 83892d5093
commit c6d310184b
8 changed files with 414 additions and 131 deletions
+53 -3
View File
@@ -2353,7 +2353,7 @@ textarea.input {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -66%);
transform: translate(-50%, -66%) !important;
max-width: 72vw;
overflow: hidden;
text-overflow: ellipsis;
@@ -2366,7 +2366,12 @@ textarea.input {
.channels-screen .page-header .channel-header-route-btn:hover,
.channels-screen .page-header .channel-header-route-btn:focus-visible {
transform: translate(-50%, -66%);
transform: translate(-50%, -66%) !important;
}
.channels-screen .page-header .channel-header-route-btn:active,
.channels-screen .page-header .channel-header-route-btn.is-springing {
transform: translate(-50%, -66%) !important;
}
.thread-node-heading {
@@ -3458,7 +3463,8 @@ textarea.input {
.dm-chat-input {
gap: 10px;
grid-template-columns: 1fr auto auto auto;
grid-template-columns: 1fr auto;
align-items: end;
}
.dm-voice-btn {
@@ -3466,6 +3472,21 @@ textarea.input {
padding: 0 10px;
}
.dm-actions-col {
display: grid;
grid-template-rows: auto auto;
gap: 6px;
}
.dm-chat-input .dm-input {
min-height: 42px;
max-height: 180px;
resize: none;
overflow-y: auto;
line-height: 1.35;
padding: 10px 12px;
}
.voice-level-wrap {
width: 100%;
height: 8px;
@@ -3503,6 +3524,35 @@ textarea.input {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.dm-send-icon-btn {
min-width: 42px;
width: 42px;
padding: 0;
font-size: 15px;
line-height: 1;
}
.dm-message-actions-menu {
width: min(52vw, 240px);
padding: 8px;
gap: 6px;
}
.dm-message-action-btn {
width: 100%;
justify-content: flex-start;
}
.speech-actions-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.speech-send-now-btn {
width: 100%;
}
/* DM messages-list status + empty block as full glass buttons */
.dm-screen .dm-status-line {
display: block;