Menu Lateral Recolhível - Nova Funcionalidade
O CHAT - SPX agora oferece a funcionalidade de recolher e expandir o menu lateral, permitindo que você maximize o espaço de trabalho quando necessário. Esta funcionalidade oferece maior flexibilidade na interface, especialmente útil para usuários que desejam focar no conteúdo principal das conversas.
Como Funciona
Expandir e Recolher o Menu
No topo do menu lateral, você encontrará um botão de toggle que permite alternar entre os estados expandido e recolhido:
• Estado Expandido (Padrão) 📖: O menu lateral exibe ícones e textos completos de todos os itens, com largura de 200px
• Estado Recolhido 📐: O menu lateral mostra apenas os ícones, com largura reduzida para 64px, maximizando o espaço disponível
Exemplo Visual
Abaixo você pode ver como o menu lateral aparece em cada estado:
Menu lateral no estado expandido - mostra ícones e textos completos
Menu lateral no estado recolhido - mostra apenas os ícones
Botão de Toggle
O botão de toggle está localizado no topo do menu lateral, ao lado do logo do CHAT - SPX:
• Quando Expandido ➡️: Exibe o ícone de "recolher" (painel fechando)
• Quando Recolhido ⬅️: Exibe o ícone de "expandir" (painel abrindo)
Ao passar o mouse sobre o botão, você verá uma dica de ferramenta indicando a ação que será executada:
• "Recolher menu lateral" (quando expandido)
• "Expandir menu lateral" (quando recolhido)
Funcionalidades no Modo Recolhido
Quando o menu está recolhido, você ainda tem acesso a todas as funcionalidades principais:
Navegação por Ícones
• Todos os itens do menu permanecem acessíveis através de seus ícones
• Ao passar o mouse sobre qualquer ícone, uma dica de ferramenta (tooltip) exibe o nome completo do item
• Os ícones são centralizados para melhor visualização
Itens Principais
Mesmo no modo recolhido, você pode acessar:
• 📥 Caixa de Entrada: Ícone de caixa de entrada
• 💬 Conversas: Ícone de mensagem
• 👥 Contatos: Ícone de contato
• 📊 Relatórios: Ícone de gráfico
• 📢 Campanhas: Ícone de megafone
• 📚 Central de Ajuda: Ícone de biblioteca
• ⚙️ Configurações: Ícone de raio
Busca e Ações Rápidas
• 🔎 Campo de Busca: Exibe apenas o ícone de busca (clique para abrir a busca)
• ✏️ Nova Conversa: Botão de criar conversa permanece visível como ícone
• 👤 Perfil do Usuário: Avatar do usuário permanece visível no rodapé do menu
Submenus
Quando o menu está recolhido, os submenus (como as opções dentro de "Conversas" ou "Contatos") são automaticamente ocultados para manter a interface limpa. Para acessar esses itens, expanda o menu lateral novamente.
Persistência do Estado
O estado do menu lateral (expandido ou recolhido) é salvo automaticamente nas suas configurações de interface. Isso significa que:
✅ Sua preferência será mantida mesmo após fechar e reabrir o navegador
✅ O estado é sincronizado entre diferentes dispositivos quando você faz login na mesma conta
✅ Você pode definir uma vez e o sistema lembrará da sua preferência
Benefícios
Mais Espaço para Trabalhar
• 📏 Aumento de espaço horizontal: Quando recolhido, o menu ocupa apenas 64px em vez de 200px
• 🎯 Foco no conteúdo: Ideal para visualizar conversas e detalhes com mais espaço
• 👤 Experiência personalizada: Escolha o modo que melhor se adapta ao seu fluxo de trabalho
Acessibilidade Mantida
• 💡 Tooltips informativos: Todos os ícones exibem seus nomes completos ao passar o mouse
• 🧭 Navegação intuitiva: A estrutura visual permanece familiar mesmo no modo recolhido
• 🔧 Funcionalidade completa: Todas as funcionalidades principais permanecem acessíveis
Dicas de Uso
-
🎯 Para trabalho focado: Use o modo recolhido quando precisar focar nas conversas e detalhes
-
🧭 Para navegação completa: Use o modo expandido quando precisar navegar entre diferentes seções frequentemente
-
⚡ Alternância rápida: O botão de toggle permite alternar entre os modos instantaneamente, sem recarregar a página
-
⌨️ Acesso por teclado: Você pode usar o mouse ou tocar no botão de toggle para alternar os estados
Compatibilidade
Esta funcionalidade está disponível em:
✅ Navegadores desktop (Chrome, Firefox, Safari, Edge)
✅ Modo responsivo desktop (tablets em modo paisagem)
⚠️ Nota: Em dispositivos móveis, o menu lateral já possui um comportamento otimizado específico para telas pequenas, e esta funcionalidade não afeta esse comportamento
Suporte
Se você tiver dúvidas sobre esta funcionalidade ou encontrar algum problema, entre em contato com nossa equipe de suporte através da Central de Ajuda ou abra um ticket de suporte.