Histórico da Página
...
A versão 2.0.0 do produto traz mudanças estruturais e visuais importantes no frontend, com foco em modernização de bibliotecas, otimização de carregamento, reorganização de paths e introdução de novos recursos como classes helpers, variáveis CSS e modo escuro no tema responsivo.
O objetivo é melhorar desempenho, consistência visual e preparar o produto para evoluções futuras, reduzindo dependências legadas.
| Informações | ||
|---|---|---|
| ||
Algumas alterações afetam compatibilidade com códigos customizados e temas antigos, exigindo ajustes manuais descritos abaixo. |
Migração do Rich Editor
...
Agora o componente de FLUIGC.richeditor é baseado no plugin Kendo UI.
...
Mudanças no Style Guide e CSS
...
Abaixo estão listadas as principais mudanças visuais nessa nova atualização.
Alterações visuais e de acessibilidade
...
/style-guide/css/old/fluig-style-guide.min.css(Classic)/style-guide/css/old/fluig-style-guide-flat.min.css(Flat)
| Nota | ||
|---|---|---|
|
...
O uso desses estilos antigos é temporário e não recomendado como solução definitiva. Recomendamos planejar a migração completa para o novo padrão visual o quanto antes. |
Paths descontinuados
Alguns caminhos antigos foram removidos e não estão mais disponíveis, retornando erro 404:
...
/style-guide/css/fluig-style-guide-flat.min.css
| Dica | ||
|---|---|---|
|
...
Utilize sempre o path acima em em formulários, garantindo compatibilidade com as versões atuais do produto. |
Iconografia e ícones
A utilização de ícones também passou por ajustes com a implementação do Animalia Design System no Fluig.
Ícones antigos (Fluig Icons): Os ícones legados (fluigicon) foram movidos para um arquivo separado. Caso ainda sejam utilizados em formulários, é necessário importá-los manualmente:
/style-guide/css/fluig-icons.min.css
Nova biblioteca de ícones (Animalia Icons): O padrão recomendado são os Animalia Icons (animaliaicon). Assim como no caso dos ícones legados, em formulários eles devem ser importados manualmente:
/style-guide/css/animalia-icons.min.css
| Informações | ||
|---|---|---|
|
...
Essa configuração é exclusiva para formulários. Na plataforma (desenvolvimento de widgets) a importação ocorre automaticamente, não sendo necessário nenhum ajuste adicional. |
Menus
...
Os menus Liquid e Responsive foram atualizados e agora utilizam ícones da biblioteca Animalia Icons.
Mudança de fonte padrão
...
No Tema Responsivo, a fonte padrão do sistema passou a ser Lato Regular (font-family).
| Nota | ||
|---|---|---|
|
...
Essa alteração pode impactar o espaçamento e o alinhamento em temas customizados. Recomenda-se revisar estilos personalizados após a atualização. |
Melhorias gerais
...
Foram aplicadas diversas melhorias de desempenho e organização do código:
Otimização de carregamento
Inclusão de estilos críticos do sistema com
rel="preload"Scripts secundários do sistema carregados com
defer
Novas utilitárias no Style Guide
Classes helpers adicionais adicionadas no Style Guide. Consulte a documentação para mais detalhes.
Classes responsivas para fontes, margens e paddings, disponível na mesma documentação.
Novas variáveis de CSS de tema. Consulte a documentação de temas para mais detalhes.
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas