[Dúvida] Switch fazendo animação invertida | Design System: criando componentes e documentando

Solucionado (ver solução)

Solucionado
(ver solução)

2
respostas

Referente ao curso Design System: criando componentes e documentando, no capítulo Componentes base e atividade Radios, checkboxes e switches

por Thamires Araújo

| 23k xp | 5 posts

Olá, pessoal. Tudo bem?

Conforme mostrado na aula, fiz a animação de todos os componentes. Mas a animação do switch ON fica invertida, com a bolinha ficando na mesma posição de quando está no modo OFF. Ele muda a cor, faz todas as animações de hover, pressing, mas não muda a posição.

Aqui está as variações que fiz para animação. A imagem mostra todas as 10 variações de estilos para o componente switch

E assim fica na animação Insira aqui a descrição dessa imagem para ajudar na acessibilidade

E este é o link para visualizar a animação invertida. https://www.figma.com/proto/TG8V7sDRGf7jJnfCAo0sWf/Design-System-Caixa?type=design&node-id=346-399&t=W23mPzvrdzE0KvEK-1&scaling=min-zoom&page-id=120%3A8&mode=design

2 respostas

por luiz.lima

| 247.4k xp | 511 posts

Alura Scuba Team

15/09/2023

Thamires você consegue compartilhar com a gente de forma aberta, para gente poder fazer uma cópia para o nosso figma e validar o que pode estar acontecendo?

Olhando pelo protótipo e prints não conseguimos identificar o que pode esta acontecendo, cogitamos até um bug visual da plataforma.

solução!

por Thamires Araújo

| 23k xp | 5 posts

15/09/2023

Oi Luiz, tudo bem?

Então, eu consegui resolver invertendo os componentes ativos (modo ON) e mudando o lado de onde estavam os ícones, colocando pra direita. E funcionou, não sei porque. De toda forma, obrigada pela ajuda!