What happened
Na janela de chat, as mensagens de texto ficam visualmente centralizadas na área de atendimento. Mensagens enviadas (outbound) e recebidas (inbound) parecem flutuar no meio da tela em vez de ancorarem, respectivamente, nas bordas direita e esquerda do painel de mensagens.
What I expected
Mensagens enviadas pelo operador devem aparecer coladas à borda direita da área de chat.
Mensagens recebidas do contato devem aparecer coladas à borda esquerda da área de chat.
O comportamento esperado é idêntico ao de clientes de chat como WhatsApp Web e Telegram.
Steps to reproduce
- Fazer login no ISing e ir para a aba Chat
- Selecionar qualquer conversa com histórico de mensagens
- Observar que os balões de mensagem ficam agrupados na faixa central da tela, sem ocupar as bordas
O problema é mais visível em telas largas (monitores acima de 1280px de largura horizontal).
Additional context
O container que envolve a lista de mensagens tinha uma largura máxima de 920px centralizada com margem automática. Isso fazia com que, em telas mais largas, os balões ficassem dentro de uma coluna central de 920px em vez de se distribuírem até as bordas reais da área de atendimento. A lógica de alinhamento dos balões (inbound à esquerda, outbound à direita via justify-start/justify-end) estava correta — só o container pai limitava a área visível.
Blocked by: None — can start immediately
What happened
Na janela de chat, as mensagens de texto ficam visualmente centralizadas na área de atendimento. Mensagens enviadas (outbound) e recebidas (inbound) parecem flutuar no meio da tela em vez de ancorarem, respectivamente, nas bordas direita e esquerda do painel de mensagens.
What I expected
Mensagens enviadas pelo operador devem aparecer coladas à borda direita da área de chat.
Mensagens recebidas do contato devem aparecer coladas à borda esquerda da área de chat.
O comportamento esperado é idêntico ao de clientes de chat como WhatsApp Web e Telegram.
Steps to reproduce
O problema é mais visível em telas largas (monitores acima de 1280px de largura horizontal).
Additional context
O container que envolve a lista de mensagens tinha uma largura máxima de 920px centralizada com margem automática. Isso fazia com que, em telas mais largas, os balões ficassem dentro de uma coluna central de 920px em vez de se distribuírem até as bordas reais da área de atendimento. A lógica de alinhamento dos balões (inbound à esquerda, outbound à direita via justify-start/justify-end) estava correta — só o container pai limitava a área visível.
Blocked by: None — can start immediately