Skip to content

Adição de animação que não faz os cards não desaparecem com a seleção de um filtro

Descrição

Resolução da issue #128 (closed), relacionada ao fato de que as animações estavam fazendo com que os cards dos processos sumirem quando um dos filtros era selecionado

Alterações Realizadas

Foi readicionada a classe card__animation ao arquivo card.scss (em app/packs/stylesheets/custom/cards.scss) e foi um criada uma animação para que os cards apareçam "deslizando para baixo" quando renderizados. Essa nova animação substitui a animação anterior que também envolvia o arquivo animation.json e a retirada/inserção de uma classe in-view no cards (a retirada dessa animação defeituosa tinha sido feita pelos contribuidores anteriormente no commit "Victorio_Lazaro/decidim-govbr@12ea7044").

.card__animation {
  animation: slidein 0.5s;
  transition: opacity 0.5s, transform 0.4s, box-shadow 0.3s;
}

.card__animation:hover {
  transform: scale(1.05);
  transition: transform 0.2s, box-shadow 0.2s;
}

@keyframes slidein {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

Listas de Verificação do Pedido de Merge

  • O código segue as diretrizes de codificação do projeto.
  • A documentação reflete as alterações realizadas.
  • Já cobri os testes unitários.

Issue referenciada

Closes #153 (closed)

Edited by Giovanni Giampauli

Merge request reports