Cerebro Studio · Backlog · Changelog
RioNoTeatro • /www/wwwroot/rionoteatro.com.br/docs/BACKLOG.md
Abrir Studio Projeto externo em modo read-only; encaminhamento permitido, escrita bloqueada.

Backlog Unificado

Projeto: RioNoTeatro. Fonte principal: /www/wwwroot/rionoteatro.com.br/docs/BACKLOG.md.

Modo read-only: ações de escrita ficam disponíveis apenas para o Cérebro.

Sem itens pendentes em /www/wwwroot/rionoteatro.com.br/docs/BACKLOG.md.

Especificações Disponíveis (fora da fila pendente)

Detalhe do BK Selecionado

/www/wwwroot/rionoteatro.com.br/docs/backlog/BK-260-checkout-scroll-e-header-desktop.md • 2026-04-12T07:20:05.622Z

BK-260 - UX do checkout PIX/cartão + remoção do hambúrguer desktop

Objetivo

  • fazer o clique em PIX no checkout rolar até o CTA real, mesmo quando o método já estiver selecionado
  • fazer o clique em Cartão de Crédito rolar até a área ativa do cartão
  • remover o botão hambúrguer mobile do desktop no header moderno

Contexto da rodada

  • no checkout, muitos usuários clicam em PIX achando que isso já dispara a ação, mas o método já abre selecionado e nada muda visualmente
  • o ajuste correto é usar o clique do método para levar a pessoa até o CTA correspondente
  • no desktop, o rnt-mobile-toggle apareceu ao lado do botão Entrar, o que indica regressão de CSS responsivo

Arquivos-alvo

  • js/checkout_pix.js
  • css/redesign_2026.css

Validação esperada

  • clicar em PIX move a viewport até o botão Gerar QR Code PIX
  • clicar em Cartão de Crédito move a viewport até a área do cartão/brick
  • em largura desktop, o hambúrguer não aparece

Implementação - 2026-04-12 04:00 -03

  • js/checkout_pix.js
  • adicionado helper de scroll com offset do header fixo
  • clique em PIX agora rola até #pay_pix .checkout-pix-cta, mesmo quando o método já está ativo
  • clique em Cartão de Crédito agora rola até #mp-card-mount ou, na ausência dele, até o painel ativo do cartão
  • o mesmo padrão foi mantido para métodos alternativos exibidos no mesmo bloco
  • css/redesign_2026.css
  • adicionado override tardio em @media (min-width: 768px) para manter .rnt-mobile-toggle, .rnt-mobile-menu e .rnt-mobile-overlay ocultos no desktop
  • isso corrige a regressão de cascade em que um bloco tardio da folha reexibia o hambúrguer mobile ao lado do botão Entrar

Validações executadas

  • node --check js/checkout_pix.js
  • leitura estática do diff final em css/redesign_2026.css
  • confirmação por grep de que os hooks de scroll para view-pix e view-credit entraram no handler de clique

Risco residual

  • a correção do scroll foi validada de forma estática/local; ainda falta validação humana visual no navegador para confirmar sensação final do movimento em desktop e mobile

Refinamento - 2026-04-12 04:19 -03

  • o cálculo do scroll foi ajustado para centralizar o alvo no viewport, não apenas aproximar pelo topo
  • isso atende o caso em que o usuário clica de novo no método PIX já ativo e precisa ver o botão Gerar QR Code PIX no meio da tela