Skip to content

feat(widget): centraliza botão de ações com tag e título quando tag-position é top#2832

Open
devin-ai-integration[bot] wants to merge 2 commits into
masterfrom
po-widget/devin
Open

feat(widget): centraliza botão de ações com tag e título quando tag-position é top#2832
devin-ai-integration[bot] wants to merge 2 commits into
masterfrom
po-widget/devin

Conversation

@devin-ai-integration
Copy link
Copy Markdown
Contributor

Summary

Quando o po-widget possui p-tag e p-tag-position="top", o botão de ações (menu popup) agora fica centralizado verticalmente no po-widget-header, alinhado tanto com a tag quanto com o título.

O que foi feito

  • Adicionada classe condicional po-widget-header--tag-top-actions ao elemento header quando tagLabel, tagPosition() === 'top' e actions?.length estão presentes simultaneamente
  • A classe é usada pelo CSS (em po-ui/po-style) para reorganizar o layout via CSS Grid + display: contents, posicionando o botão de ações na coluna direita, centralizado verticalmente entre a tag (linha 1) e o título (linha 2)
  • Adicionados 4 testes unitários cobrindo os cenários: classe presente com as 3 condições, e ausente quando cada condição está faltando

Dependência

Esta PR depende da PR correspondente no repositório po-ui/po-style (branch po-widget/devin) que contém as regras CSS necessárias para o layout grid.

Review & Testing Checklist for Human

  • Verificar visualmente o alinhamento do botão de ações no portal Labs do po-widget com p-tag, p-tag-position="top" e ações configuradas
  • Confirmar que o layout continua correto para p-tag-position="right" e p-tag-position="bottom" (sem regressão)
  • Validar que sem p-tag ou sem ações, o header mantém o comportamento anterior

Notes

A alteração no template é mínima — apenas adição de uma classe CSS condicional. Toda a lógica de layout está no CSS (repositório po-style).

Link to Devin session: https://totvs.devinenterprise.com/sessions/3abb93ffb4e3402dbc926789948f159b

@devin-ai-integration
Copy link
Copy Markdown
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

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.

1 participant