Ativa o menu
Alternar menu de preferências
Alternar menu pessoal
Não autenticado(a)
Your IP address will be publicly visible if you make any edits.

ManutencaoWiki4Devs: mudanças entre as edições

De Celta Sistemas Wiki
Sem resumo de edição
Sem resumo de edição
 
Linha 24: Linha 24:
* Contém as classes do Framework (Cards, Tables, Badges, Alerts).
* Contém as classes do Framework (Cards, Tables, Badges, Alerts).
* '''Responsabilidade:''' Estilizar o conteúdo interno das páginas.
* '''Responsabilidade:''' Estilizar o conteúdo interno das páginas.
* [[MediaWiki:Common.css|'''Editar fonte: "MediaWiki:Common.cs"''']]
* [[MediaWiki:Common.css|'''Editar fonte: "MediaWiki:Common.css"''']]
}}
}}


Linha 34: Linha 34:
* Contém overrides do tema Citizen (Rodapé, Header, Remoção de títulos nativos).
* Contém overrides do tema Citizen (Rodapé, Header, Remoção de títulos nativos).
* '''Responsabilidade:''' Layout macro e estrutura do site.
* '''Responsabilidade:''' Layout macro e estrutura do site.
* [[MediaWiki:Citizen.css|'''Editar fonte: "MediaWiki:Citizen.cs"''']]
* [[MediaWiki:Citizen.css|'''Editar fonte: "MediaWiki:Citizen.css"''']]
}}
}}



Edição atual tal como às 15h29min de 1 de dezembro de 2025

Início / 4devs

Celta Wiki Framework (Documentação Interna)

Atualizado em: 01/12/2025

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)
MediaWiki:Citizen.css (Tema Global)

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.