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

De Celta Sistemas Wiki
Revisão de 14h21min de 1 de dezembro de 2025 por Raul (discussão | contribs) (Criou página com '__NOTOC__ <div class="celta-full-width"> {{Cabecalho|4devs|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. {{Nota|danger|REGRA DE OURO (DEV)| '''Proibido comitar CSS Inline.''' Não use <code><div style="..."></code>. Se precisar de um estilo novo, crie uma classe no <code>Common....')
(dif) ← Edição anterior | Revisão atual (dif) | Versão posterior → (dif)
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)

1. 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)

2. 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

ManutencaoWiki4Devs

Atualizado em: 01/12/2025
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.
{| class="celta-table" Campo / Parâmetro Função e Instruções

| class="celta-col-value" | Wrapper para tabelas de dados. Padroniza larguras (30/70) e cores de header.

 |-
| class="celta-col-key" |
{{{titulo}}}

{{{conteudo}}}

| class="celta-col-value" | Gera os cards de navegação com ícone e borda colorida (Accent).

 |-
| class="celta-col-key" |

| class="celta-col-value" | Injeta a barra de rodapé padrão (Email/Whats/Site). Existe a variação ContatoFinanceiro.

|}