Skip to content

Padronização de Responsividade - #379

Open
LucasScopel wants to merge 18 commits into
developmentfrom
feature/padronizacao-responsividade
Open

Padronização de Responsividade#379
LucasScopel wants to merge 18 commits into
developmentfrom
feature/padronizacao-responsividade

Conversation

@LucasScopel

@LucasScopel LucasScopel commented Jul 16, 2026

Copy link
Copy Markdown
Contributor

Este PR sobe atualizações visuais relacionadas ao HCF.

A ideia inicial era ser apenas os hovers, de primeiro momento, mas, conforme as coisas foram escalando, é mais apropriado dizer que essas atualizações se comprometem em implementar uma padronização nas cores da interface.

Foi-se feito, em sua maioria, sobrescrições aos temas do ant. Essa decisão foi tomada com base na observação do código, onde constatei já haver alterações desse tipo, além de ter sido mais "prático", no sentido de que, como é uma padronização, as alterações se aplicaram em todos os elementos do site.

Comentários sobre as alterações realizadas no antd-theme.css foram deixados no próprio arquivo, a fim de facilitar a revisão desse PR e maior entendimento do script, para possíveis futuras alterações e manutenção do mesmo, como um todo. Dessa forma, segue uma relação de o que foi alterado nos demais arquivos:

src/assets/css/App.css
Botão "Gerar Código", que possui classe própria, foi alterado nela, adicionando um hover compatível com seu contexto.

src/assets/css/FormEnterSystem.css
Link de "Esqueci minha Senha" está, agora, na cor verde padrão do site e com efeito de hover. Por possuir classe própria e e não encontrei outro link de redirecionamento, como esse, optei por alterar apenas ele.

src/assets/css/Map.css
Círculo de loading é verde, assim como o restante do site, ao invés de azul.

src/components/ComparativeAreaChart.jsx
Alteração nos textos e no próprio gráfico, que, antes, estavam azuis e, agora, estão verdes.

src/components/Relatorios/RelatoriosTombosPorPeriodo/TombosPorIntervaloTempo.component.tsx
Barras do gráfico e texto quando passa o mouse por cima, onde antes era azul, é, agora, verde.

src/features/login/LoginLayout.tsx
Remoção dos estilos próprios dos ícones para serem alterados globalmente no antd-theme.css.

src/helpers/leaflet-plugins/leaflet.navbar.css
Comentários no próprio código.

Issue: #318
Sub-issue: hcf-web#98

Texto do item selecionado no selector mudado para branco.
Radios seguind os hovers, focus e actives do resto do site;
Ícone de calendáiro do datepicker fica verde também;
Botões de paginação seguindo o mesmo padrão do site;
Efeito de glow parecido com o hover das "caixas" no elemento de colapse.
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