Skip to content

Convert language menu to dropdown matching SciELO Design System#1430

Draft
Copilot wants to merge 2 commits intomainfrom
copilot/improve-language-menu
Draft

Convert language menu to dropdown matching SciELO Design System#1430
Copilot wants to merge 2 commits intomainfrom
copilot/improve-language-menu

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 28, 2026

O que esse PR faz?

Reformula o menu de idiomas no topo do site para seguir o padrão do Design System SciELO: um botão dropdown com ícone de globo, rótulo do idioma atual e caret, ao invés de uma lista inline de links.

  • Substitui a lista <ul> de traduções por um dropdown Bootstrap (dropdown-toggle + dropdown-menu-end), reaproveitando a convenção já usada em download_button_csv_xls.html.
  • Exibe o idioma corrente no toggle via {% get_current_language %} + {% get_language_info %}.
  • Adiciona atributos de acessibilidade (aria-haspopup, aria-expanded, aria-labelledby, aria-label).
  • Corrige um bug pré-existente nas mesmas linhas: hreflang="{{ language_code }}" referenciava uma variável inexistente; agora usa {{ translation.locale.language_code }}.

Não há novos assets — bootstrap.bundle.min.js (com Popper) e material-icons-outlined já são carregados em base.html / scielo_design_system.css.

Onde a revisão poderia começar?

core/templates/home/scieloorg/header.html

Como este poderia ser testado manualmente?

  1. Subir o ambiente local (./start-dev.sh ou docker compose -f local.yml up).
  2. Abrir a home page do site (que inclui home/scieloorg/header.html via home_page.html).
  3. Verificar que, no canto superior direito, o seletor aparece como um botão 🌐 <Idioma atual> ▾.
  4. Clicar no botão e confirmar que o dropdown abre listando as traduções publicadas (page.get_translations.live).
  5. Selecionar uma das opções e confirmar a navegação para a página traduzida correspondente.

Algum cenário de contexto que queira dar?

O menu anterior renderizava cada tradução como um link solto ao lado de "Sobre o SciELO", o que não correspondia ao padrão visual adotado pelo SciELO.br nem ao componente de escolha de idioma definido no Design System.

Screenshots

Referência do Design System (scielo.br):

language dropdown reference

Quais são tickets relevantes?

N/A

Referências

Copilot AI linked an issue Apr 28, 2026 that may be closed by this pull request
Agent-Logs-Url: https://github.com/scieloorg/core/sessions/fe090cf0-7c10-4dcf-b1e8-f1be735e89bb

Co-authored-by: robertatakenaka <505143+robertatakenaka@users.noreply.github.com>
Copilot AI changed the title [WIP] Improve language menu to align with design system Convert language menu to dropdown matching SciELO Design System Apr 28, 2026
Copilot AI requested a review from robertatakenaka April 28, 2026 12:13
@robertatakenaka robertatakenaka requested review from ramoncordini and samuelveigarangel and removed request for robertatakenaka April 28, 2026 14:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Melhoria no menu de idiomas

2 participants