Streamline admin reply composer

This commit is contained in:
rajchales-monito
2026-07-24 10:59:56 +02:00
parent f63fb539d6
commit e1d213186c
3 changed files with 69 additions and 34 deletions
+33 -13
View File
@@ -487,24 +487,44 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
background: white;
border-top: 1px solid var(--line);
}
.reply.dragging {
box-shadow: inset 0 0 0 2px var(--brand);
background: #edf8f3;
}
.reply-composer {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
grid-template-columns: minmax(0, 1fr) 44px 48px;
gap: 8px;
align-items: stretch;
}
.admin-dropzone {
min-height: 38px;
border: 1px dashed var(--line);
border-radius: 8px;
padding: 8px 10px;
display: flex;
align-items: center;
color: var(--muted);
background: #f8fbf9;
.reply-composer textarea { min-height: 72px; resize: vertical; }
.reply-icon-button {
min-height: 72px;
width: 100%;
display: grid;
place-items: center;
border-radius: 6px;
padding: 0;
cursor: pointer;
}
.admin-dropzone.dragging { border-color: var(--brand); background: #edf8f3; color: var(--ink); }
.admin-dropzone input { display: none; }
.reply-icon-button svg {
width: 21px;
height: 21px;
fill: currentColor;
}
.attach-button {
border: 1px solid var(--line);
background: #f8fbf9;
color: var(--muted);
}
.attach-button:hover { background: #edf3ef; color: var(--ink); }
.attach-button input { display: none; }
.send-button {
border: 0;
background: var(--brand);
color: white;
}
.send-button svg { transform: translateX(1px); }
.reply-attachments {
display: flex;
flex-wrap: wrap;