#280 - Feat/change language button layout update

[HenriqueRicardoFigueira]

Descrição de PR

Screencast.from.2025-01-24.10-27-08.webm

Customiza layout do botão de mudar de idioma.

Issue relacionado

• Estilizar o botão de mudar de idioma #280

Motivações

Melhorar o layout/usuabilidade do botão de mudar de idioma.

Informações adicionais

[netlify]

✅ Deploy Preview for diciotech ready!

Name	Link
🔨 Latest commit	270a5cc
🔍 Latest deploy log	https://app.netlify.com/sites/diciotech/deploys/67991eb105d5dd00083baac5
😎 Deploy Preview	https://deploy-preview-294--diciotech.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[george-gca]

2 comentários:

• ficou um ponto perdido ali onde antes tava o seletor
• tem como fazer os dois botões ficarem do mesmo tamanho? Ficou meio estranho os 2 diferentes

[HenriqueRicardoFigueira]

2 comentários:

• ficou um ponto perdido ali onde antes tava o seletor
• tem como fazer os dois botões ficarem do mesmo tamanho? Ficou meio estranho os 2 diferentes

Realmente ficou estranho kk
Ajustei já @george-gca

[george-gca]

Acho que dá pra diminuir um pouquinho mais as margens laterais dos 2 botões, pra eles ficarem um pouco mais quadrados. Mas por mim já passa, finalmente esse botão vai tá condizente com o resto do site haha.

[HenriqueRicardoFigueira]

Acho que dá pra diminuir um pouquinho mais as margens laterais dos 2 botões, pra eles ficarem um pouco mais quadrados. Mas por mim já passa, finalmente esse botão vai tá condizente com o resto do site haha.

Diminui o tamanho dos botões da uma olhada @george-gca
Screencast from 2025-01-24 15-57-02.webm
Screencast from 2025-01-24 15-58-54.webm

[HenriqueRicardoFigueira]

Acho que dá pra diminuir um pouquinho mais as margens laterais dos 2 botões, pra eles ficarem um pouco mais quadrados. Mas por mim já passa, finalmente esse botão vai tá condizente com o resto do site haha.

Realmente tava precisando mexer nesses caras.

[george-gca]

Agora tem um _ embaixo da língua que não tinha antes, e os botões diminuíram mas o conteúdo deles também. Era pra ter diminuído só o botão, mantido a fonte. Tenta fazer os 2 botões ficarem no tamanho que tá o botão de mudar tema do site, ou próximo, mas mantendo o tamanho do conteúdo.

[HenriqueRicardoFigueira]

Agora tem um _ embaixo da língua que não tinha antes, e os botões diminuíram mas o conteúdo deles também. Era pra ter diminuído só o botão, mantido a fonte. Tenta fazer os 2 botões ficarem no tamanho que tá o botão de mudar tema do site, ou próximo, mas mantendo o tamanho do conteúdo.

Fala @george-gca ajustei novamente, pode dar uma olhada ?

Screencast from 2025-01-28 15-19-40.webm
Screencast from 2025-01-28 15-16-08.webm

[george-gca]

Pode fazer pra quando tiver 3 ou + línguas a largura do dropdown ficar menor, de preferência com o mesmo espaço que tá de margem esquerda pra direita? Que ele tá chegando e até passando do botão de mudar o tema quando abre.

Outra coisa, quando passa o mouse em cima de uma opção no dropdown ele tá dando um highlight com borda quadrada, mas sem o highlight tá borda arredondada. Acho melhor padronizar, de preferência pra borda arredondada.

[HenriqueRicardoFigueira]

Pode fazer pra quando tiver 3 ou + línguas a largura do dropdown ficar menor, de preferência com o mesmo espaço que tá de margem esquerda pra direita? Que ele tá chegando e até passando do botão de mudar o tema quando abre.

Outra coisa, quando passa o mouse em cima de uma opção no dropdown ele tá dando um highlight com borda quadrada, mas sem o highlight tá borda arredondada. Acho melhor padronizar, de preferência pra borda arredondada.

beleza

[netlify]

✅ Deploy Preview for diciotech ready!

Name	Link
🔨 Latest commit	e276782
🔍 Latest deploy log	https://app.netlify.com/sites/diciotech/deploys/679cd324a659490009985963
😎 Deploy Preview	https://deploy-preview-294--diciotech.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[levxyca]

Obrigada pela contribuição 🚀 @george-gca tem mais algum ponto aqui? se estiver ok já dou merge 🤩

[george-gca]

Eu não vou conseguir testar com mais um idioma agora. @HenriqueRicardoFigueira tem como gerar aqueles gifs de como tá agora?

[HenriqueRicardoFigueira]

Eu não vou conseguir testar com mais um idioma agora. @HenriqueRicardoFigueira tem como gerar aqueles gifs de como tá agora?

Opa, claro @george-gca segue:
Screencast from 2025-01-30 20-10-58.webm

[george-gca]

Cara, ainda tem umas quinas ficando em outra cor quando passa o mouse por cima da língua no dropdown. Consegue resolver isso, pra ele todo ficar com highlight?

[HenriqueRicardoFigueira]

Cara, ainda tem umas quinas ficando em outra cor quando passa o mouse por cima da língua no dropdown. Consegue resolver isso, pra ele todo ficar com highlight?

@george-gca agora eu acho que agora ficou bom, eu realmente não tinha notado as quinas, foi mal 🥲
Screencast from 2025-01-31 10-42-10.webm

[george-gca]

Por mim agora tá beleza @levxyca. Sugestão: aceita essa 1o, depois a #296, e depois a #292. Aí acho que o código vai ficar organizado, com o botão como precisa, e com todas as actions funcionando como deveriam. Provavelmente vai dar erro de merge na última, aí eu resolvo.