НЕ ПРОВЕРЕНО: UI редактирования и удаления личных сообщений

This commit is contained in:
AidarKC
2026-06-18 13:04:06 +04:00
parent a95bd245cf
commit cf2152dcfc
7 changed files with 449 additions and 136 deletions
+71
View File
@@ -936,6 +936,12 @@
color: rgba(198, 214, 247, 0.78);
}
.bubble-meta-edited {
margin-top: 3px;
justify-content: flex-end;
color: rgba(235, 208, 137, 0.88);
}
.bubble-time {
letter-spacing: 0.01em;
}
@@ -3694,6 +3700,41 @@ textarea.input {
-webkit-backdrop-filter: blur(12px);
}
.dm-edit-banner {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr auto;
align-items: start;
gap: 10px;
padding: 10px 12px;
border-radius: 14px;
border: 1px solid rgba(212, 175, 55, 0.35);
background: rgba(212, 175, 55, 0.12);
color: rgba(255, 233, 176, 0.96);
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}
.dm-edit-banner[hidden] {
display: none;
}
.dm-edit-banner__text {
min-width: 0;
font-size: 12px;
line-height: 1.35;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dm-edit-banner__close {
min-width: 30px;
width: 30px;
height: 30px;
padding: 0;
border-radius: 10px;
}
.dm-voice-btn {
min-width: 42px;
padding: 0 10px;
@@ -3765,11 +3806,41 @@ textarea.input {
gap: 6px;
}
.dm-floating-menu-layer {
position: fixed;
inset: 0;
z-index: 120;
pointer-events: none;
}
.dm-message-actions-popover {
position: fixed;
left: 12px;
top: 12px;
margin: 0;
pointer-events: auto;
opacity: 0;
transform: translateY(8px) scale(0.98);
transition: opacity 120ms ease, transform 120ms ease;
box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42);
}
.dm-message-actions-popover.is-visible {
opacity: 1;
transform: translateY(0) scale(1);
}
.dm-message-action-btn {
width: 100%;
justify-content: flex-start;
}
.dm-message-action-btn--danger {
color: rgba(255, 182, 182, 0.98);
border-color: rgba(255, 120, 120, 0.3);
background: rgba(112, 28, 28, 0.22);
}
.speech-actions-top {
display: grid;
grid-template-columns: 1fr 1fr;