po-ui / po-angular

Biblioteca de componentes Angular.
https://po-ui.io
MIT License
916 stars 212 forks source link

Estilo visual do POUI vs THF #1704

Open consultormicrosiga opened 1 year ago

consultormicrosiga commented 1 year ago

Descrição da melhoria

Gostaria de saber se consigo utilizar o mesmo estilo visual que o THF no POUI, as cores eram muito mais suaves, não havia um contorno escuro nos inputs, as cores dos botões são mais bonitas, as telas que desenvolvi em THF ficam muito mais bonitas no Protheus do que com o POUI, inclusive podemos reparar isso no link "MADE WITH PO UI" onde os exemplos em THF ficam visualmente mais agradaveis do que o POUI.

Caso de uso

Deixar a aplicação mais bonita, meu ponto de vista é que em THF o estilo era melhor e mais suave que no POUI.

Informações adicionais

Se houver como utilizar o estilo THF (mesmo que precise mudar variaveis do CSS) poderiam me mostrar como fazer isso por favor... muito obrigado !!!

jcorrea97 commented 1 year ago

Boa tarde @consultormicrosiga, os componentes passaram por uma alteração no estilo por questões de acessibilidade. Caso deseje realizar alterações nos componentes você pode dar uma olhada no nosso construtor de temas, lá existem alguns exemplos de como alterar o css dos componentes.

Smmartinez commented 1 year ago

Boa tarde!

Não sei se é isso que você esta @.***  https://github.com/totvs/po-theme-totvs

Att. Sergio Martinez Martinez    

De: "jcorrea97" @.> Enviada: 2023/05/05 12:42:45 Para: @. Cc: @.*** Assunto: Re: [po-ui/po-angular] Estilo visual do POUI vs THF (Issue #1704)  

 

Boa tarde @consultormicrosiga, os componentes passaram por uma alteração no estilo por questões de acessibilidade. Caso deseje realizar alterações nos componentes você pode dar uma olhada no nosso construtor de temas, lá existem alguns exemplos de como alterar o css dos componentes.

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID: @.***>

[ { @.": "http://schema.org", @.": "EmailMessage", "potentialAction": { @.": "ViewAction", "target": "https://github.com/po-ui/po-angular/issues/1704#issuecomment-1536443519", "url": "https://github.com/po-ui/po-angular/issues/1704#issuecomment-1536443519", "name": "View Issue" }, "description": "View this Issue on GitHub", "publisher": { @.": "Organization", "name": "GitHub", "url": "https://github.com" } } ]

consultormicrosiga commented 1 year ago

Boa tarde @consultormicrosiga, os componentes passaram por uma alteração no estilo por questões de acessibilidade. Caso deseje realizar alterações nos componentes você pode dar uma olhada no nosso construtor de temas, lá existem alguns exemplos de como alterar o css dos componentes.

boa tarde @jcorrea97 , entendo sobre as mudanças, eu analisei o construtor mas muito limitado, a alteração do contorno escuro dos inputs/botões....etc não conseguimos remover pelo contrutor, gostaria mesmo de utilizar o css do THF... obrigado!

consultormicrosiga commented 1 year ago

Boa tarde! Não sei se é isso que você esta @.  https://github.com/totvs/po-theme-totvs Att. Sergio Martinez Martinez     De: "jcorrea97" @.> Enviada: 2023/05/05 12:42:45 Para: @. Cc: @. Assunto: Re: [po-ui/po-angular] Estilo visual do POUI vs THF (Issue #1704)     Boa tarde @consultormicrosiga, os componentes passaram por uma alteração no estilo por questões de acessibilidade. Caso deseje realizar alterações nos componentes você pode dar uma olhada no nosso construtor de temas, lá existem alguns exemplos de como alterar o css dos componentes. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID: @.> [ { @.": "http://schema.org", @.": "EmailMessage", "potentialAction": { @.": "ViewAction", "target": "#1704 (comment)", "url": "#1704 (comment)", "name": "View Issue" }, "description": "View this Issue on GitHub", "publisher": { @.***": "Organization", "name": "GitHub", "url": "https://github.com" } } ]

Seria isso do THF para eu usar no POUI, mesmo que precisasse alterar o nome dos componentes eu acredito que resolveria o meu problema.

consultormicrosiga commented 1 year ago

No THF a tela de login por exemplo ficava visualmente mais bonita, vejam o exemplo... Todos meus inputs, botões, etc... estão com esse visual, bem diferente do novo que o POUI oferece agora (não está feio, mas acho que antes ficava mais bonito.)

Um comparativo:

image

Os componentes tiveram grandes mudanças: Exemplo do site do POUI de login

image

jcorrea97 commented 1 year ago

@consultormicrosiga o construtor de temas oferece uma exemplificação de como o desenvolvedor pode alterar o style do componente, portanto, não deixamos todas as possibilidades na página. Porém, você pode acessar todas as variáveis customizaveis inspecionando o elemento no navegador e obtendo a listagem de variáveis do css. Deixei um exemplo customizando o input para ficar parecido com o estilo que você gostaria:

https://stackblitz.com/edit/po-ui-4uev7c?file=src%2Fstyles.css

consultormicrosiga commented 1 year ago

@consultormicrosiga o construtor de temas oferece uma exemplificação de como o desenvolvedor pode alterar o style do componente, portanto, não deixamos todas as possibilidades na página. Porém, você pode acessar todas as variáveis customizaveis inspecionando o elemento no navegador e obtendo a listagem de variáveis do css. Deixei um exemplo customizando o input para ficar parecido com o estilo que você gostaria:

https://stackblitz.com/edit/po-ui-4uev7c?file=src%2Fstyles.css

Show @jcorrea97 , exatamente isso que gostaria de estilizar... muito obrigado pela força!