diff --git a/public/style.css b/public/style.css index fd98679..ce77888 100644 --- a/public/style.css +++ b/public/style.css @@ -965,19 +965,26 @@ body { min-width: 0; } -/* Ações de mensagem (copiar) */ +/* Ações de mensagem (copiar, ouvir, etc) */ .message-actions { display: flex; gap: 4px; - opacity: 0; + opacity: 0.4; transition: opacity var(--transition-fast); margin-top: 4px; } -.message-row:hover .message-actions { +.message-row:hover .message-actions, +.message-actions:focus-within { opacity: 1; } +@media (max-width: 768px) { + .message-actions { + opacity: 0.8; + } +} + .msg-action-btn { background: none; border: 1px solid var(--border-light);