Skip to content

Refatora style.css e adiciona menu hambúrguer no seletor de idioma#1

Open
Gaabs13 wants to merge 1 commit intomainfrom
codex/refactor-style.css-and-improve-responsiveness
Open

Refatora style.css e adiciona menu hambúrguer no seletor de idioma#1
Gaabs13 wants to merge 1 commit intomainfrom
codex/refactor-style.css-and-improve-responsiveness

Conversation

@Gaabs13
Copy link
Owner

@Gaabs13 Gaabs13 commented Feb 19, 2026

Motivation

  • Tornar o CSS mais limpo, eliminar redundâncias e melhorar regras responsivas sem alterar a aparência ou os links existentes.
  • Oferecer uma experiência móvel mais enxuta para o seletor de idioma, adicionando um menu tipo "hamburger" que mantém os botões data-lang originais.

Description

  • Reorganizei e otimizei o arquivo style.css: introduzi variáveis CSS (:root), agrupei seletores comuns, removi regras duplicadas e simplifiquei media queries para 1024px e 768px mantendo o visual existente.
  • Adicionei o script lang-switcher.js que transforma dinamicamente cada .lang-switcher em um componente com botão toggle .lang-toggle e container .lang-options, mantendo os botões de idioma (button[data-lang]) e fechando o menu ao clicar fora ou ao selecionar um idioma.
  • Inserção de <script src="lang-switcher.js" defer></script> em todas as páginas que têm <div class="lang-switcher"> (24 páginas).
  • Mantive compatibilidade com a lógica de i18n existente (i18next) e preservei os atributos data-i18n e data-lang sem modificações.

Testing

  • Verifiquei balanceamento de chaves em style.css com node -e (contagem de { e }) e os pares estão balanceados (sucesso).
  • Validei programaticamente que todas as páginas com .lang-switcher passaram a incluir lang-switcher.js com um script Python (todas as 24 páginas atualizadas, sucesso).
  • Tentei captura de tela automatizada com Playwright para validar o comportamento móvel, mas a execução do Chromium no ambiente apresentou falha (segfault), impedindo a geração da screenshot (falha atribuída ao ambiente de execução, não às mudanças de código).

Codex Task

@vercel
Copy link

vercel bot commented Feb 19, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
breezelab Ready Ready Preview, Comment Feb 19, 2026 9:00pm

Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: fe387cbfb6

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +351 to +353
}

.page-desc {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Restore .top-btn CSS after the refactor

This refactor drops the only .top-btn style block from style.css while many pages still render <button class="top-btn"> (the scroll-to-top control), so those buttons now fall back to default button rendering/flow and no longer behave like a fixed floating action button on long pages. Please reintroduce the .top-btn rule (fixed positioning, size, visual style, z-index) to avoid this cross-page UI regression.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant