po-angular icon indicating copy to clipboard operation
po-angular copied to clipboard

LookupComponent: Falta de responsividade e estilização

Open GuilhermeLopesTotvs opened this issue 8 months ago • 1 comments

Passos para reproduzir:

  1. Crie um projeto que utilize o POUI
  2. Crie um componente que utilize o lookup
  3. O lookup está utilizando um serviço de busca de dados
  4. Clique na lupa para abrir o modal do lookup
  5. Espere o carregamento dos itens dentro da tabela do lookup no modal
  6. Coloque a tela que está rodando o projeto em uma tela de menor tamanho
  7. Será criado 3 scrolls, 2 da tabela tanto para a horizontal quanto para a vertical, e scroll para o modal

Qual o comportamento atual?

Ao clicar para abrir o modal, e a quantidade de dados é muito grande, ao invés do componente se tornar responsivo, ele criar um scroll enorme para que apareça a tabela, ao invés da tabela se ajustar ao tamanho do modal do lookup, sem contar a falta de estilização no texto de "Busca Avançada".

Que comportamento você esperava ver?

Esperava que o texto "Busca Avançada" tivesse uma estilização como os labels de outros campos, pois está até mesmo sem fonte, e que quando o componente fosse usado em uma tela menor ou maior, os itens dentro do modal do lookup se tornassem responsivos e que não criassem os vários scrolls ao redor do modal

Ambiente

  • PO UI: 17.12.0
  • Angular: 17.3.8
  • Browser(s):
    • [ x ] Chrome
    • [ ] Firefox
    • [ x ] Edge
    • [ ] Safari
    • [ ] IE 11
    • [ ] Outros
  • Operating System:
    • [ x ] Windows
    • [ ] macOS
    • [ ] Ubuntu
    • [ ] Outros

Observações

Tempo de Resposta PO UI --> Em até 7 dias úteis. Tempo de Retorno Solicitante --> 35 dias corridos Issues sem retorno do solicitante por mais de 35 dias corridos serão encerradas.

GuilhermeLopesTotvs avatar Jun 19 '24 11:06 GuilhermeLopesTotvs