ManutencaoWiki4Devs
De Celta Sistemas Wiki
Mais ações
Celta Wiki Framework (Documentação Interna)
Esta página documenta a arquitetura frontend do Wiki. O objetivo deste framework é eliminar o débito técnico causado por CSS Inline e HTML hardcoded nas páginas de documentação.
REGRA DE OURO (DEV)
Arquitetura de Estilos (CSS)
O visual é controlado por dois arquivos globais. Se precisar alterar cores, fontes ou espaçamentos, edite aqui:
MediaWiki:Common.css (Componentes)
- Contém as classes do Framework (Cards, Tables, Badges, Alerts).
- Responsabilidade: Estilizar o conteúdo interno das páginas.
- Editar fonte: "MediaWiki:Common.css"
MediaWiki:Citizen.css (Tema Global)
- Contém overrides do tema Citizen (Rodapé, Header, Remoção de títulos nativos).
- Responsabilidade: Layout macro e estrutura do site.
- Editar fonte: "MediaWiki:Citizen.css"
Biblioteca de Componentes (Templates)
Não escreva HTML. Use as Predefinições (Wrappers). Elas garantem que se mudarmos o design no futuro, todo o legado será atualizado automaticamente.
| Campo / Parâmetro | Função e Instruções |
|---|---|
| {{Cabecalho}} | Gera o Breadcrumb e Título H1. Lida com a supressão do título nativo do MediaWiki. |
| {{Nota}} | Gera os alertas coloridos (Info, Success, Warning, Danger). Substitui divs coloridas manuais. |
| {{TabelaCampos}} | Wrapper container para tabelas de dados padronizadas. |
| {{Linha}} | Gera uma linha (row) dentro da TabelaCampos. Suporta ícones automáticos via parâmetro tipo=.
|
| {{CardMenu}} | Gera os cards de navegação com ícone e borda colorida (Accent) para Hubs e Dashboards. |
| {{Card}} | Card simples (branco, sem borda colorida) para destacar informações em grids. |
| {{Badge}} | Gera etiquetas coloridas para versão (Ex: v15.0). |
| {{Print}} | Padroniza a exibição de imagens com borda, sombra e legenda centralizada. |
| {{ContatoSuporte}} | Injeta a barra de rodapé padrão (Email/Whats/Site). |
| {{ContatoFinanceiro}} | Variação da barra de contato para páginas comerciais/financeiras. |