Skip to content

feat(widget): centraliza botão de ações com tag-position top#2832

Merged
fabiana-monteiro merged 1 commit into
masterfrom
po-widget/devin
Jul 2, 2026
Merged

feat(widget): centraliza botão de ações com tag-position top#2832
fabiana-monteiro merged 1 commit into
masterfrom
po-widget/devin

Conversation

@devin-ai-integration

@devin-ai-integration devin-ai-integration Bot commented Apr 27, 2026

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

@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

@fabiana-monteiro fabiana-monteiro changed the title feat(widget): centraliza botão de ações com tag e título quando tag-position é top feat(widget): centraliza botão de ações com tag-position top Jul 2, 2026
@fabiana-monteiro fabiana-monteiro force-pushed the po-widget/devin branch 2 times, most recently from bc0fbfd to 6a81b4a Compare July 2, 2026 19:50
Centraliza o botão de ações quando há tag-position top.
Mantém o posicionamento que já existia para os outros casos 'right' e 'bottom'.

Feat: DTHFUI-12922
@fabiana-monteiro fabiana-monteiro merged commit 1767af9 into master Jul 2, 2026
34 of 37 checks passed
@fabiana-monteiro fabiana-monteiro deleted the po-widget/devin branch July 2, 2026 21:47
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.

3 participants