Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Estilizar o botão de mudar de idioma #280

Closed
george-gca opened this issue Jan 6, 2025 · 2 comments · Fixed by #294
Closed

Estilizar o botão de mudar de idioma #280

george-gca opened this issue Jan 6, 2025 · 2 comments · Fixed by #294
Assignees
@HenriqueRicardoFigueira
Labels
enhancement New feature or request
Milestone
v2

Comments

@george-gca
Copy link
Contributor

george-gca commented Jan 6, 2025 •
edited
Loading

Descrição do recurso

Estilizar o botão de mudar de idioma.

Motivação

Manter um visual consistente.

Sugestão de implementação

Acredito que assim ficaria legal:

image

ou

image

e ficasse do lado esquerdo do botão de mudar o tema. Ou pode ser à direita dele.

Só pra referência, eu usei o mesmo código base (jekyll) que eu usei no meu template pra fazer o seletor de idioma. A ideia é a seguinte:

  • se tem 2 idiomas, ele bota o nome do idioma pra qual dá pra trocar
    • se tá em pt-br, o botão aparece en-us, e vice-versa
  • se tem 3+ idiomas, ele bota o nome do idioma atual e quando clica ele aparece um dropdown com as opções dos outros idiomas
    • se tá em pt-br, clica no botão e aparece en-us e es-es por exemplo

No meu template, usando o visual dele e tudo o mais, ficou assim:

O código de ponto de vista do jekyll tá pronto pra receber isso.
@george-gca george-gca added the enhancement New feature or request label Jan 6, 2025
@HenriqueRicardoFigueira
Copy link
Contributor

Bom dia, vou pegar essa pra fazer beleza?

@levxyca
Copy link
Owner

levxyca commented Jan 15, 2025

@HenriqueRicardoFigueira perfeito, beleza!

@levxyca levxyca moved this to Todo in diciotech Jan 15, 2025
@levxyca levxyca added this to the v2 milestone Jan 15, 2025
Merged
@levxyca levxyca linked a pull request Jan 29, 2025 that will close this issue
#280 - Feat/change language button layout update #294
Merged
levxyca added a commit that referenced this issue Feb 4, 2025
@HenriqueRicardoFigueira @levxyca
#280 - Feat/change language button layout update (#294)
65de443 
* feat: add new css classes for change language button

* feat: adjustments on change language button

* fix: adjustments for code review

* fix: remove li when languages equal 2

* fix: adjustments for code review

* adjustments on buttons

* dropdown adjustments

* fix dropdown hover

---------

Co-authored-by: Leticia @levxyca <oilevxyca@gmail.com>
@github-project-automation github-project-automation bot moved this from Todo to Done in diciotech Feb 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@HenriqueRicardoFigueira HenriqueRicardoFigueira

Labels
enhancement New feature or request
Projects
diciotech
Status: Done
Milestone
v2
Development

Successfully merging a pull request may close this issue.

#280 - Feat/change language button layout update HenriqueRicardoFigueira/diciotech
3 participants
@levxyca @george-gca @HenriqueRicardoFigueira