1
resposta

[Dúvida] Erro na estilização de mensagem

Todas as mensagens estão sendo estilizadas normalmente, menos a de "x logado com sucesso!". Gostaria de saber como consertar o erro.

Segue o link do projeto: https://github.com/gustavossobral/alura_space

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá, Gustavo! Tudo bem?

O problema está acontecendo porque o seu template _alertas.html tem essa classe CSS alert-{{ message.tags }} isso significa que o retorno desse {{m message.tags }} seria algo como success ou faild, mas você não tem uma classe de estilização com esse nome no seu arquivo CSS.

Mas como o alerta está funcionando em outras partes, mas não aqui? Imagino que se pergunta isso. Certo, isso acontece porque, por exemplo, no seu template login.html, funciona corretamente por que nele você está importando o template _style.html que contém a importação de um CDN do Bootstrap, onde o mesmo tem uma classe CSS alert-success.

Resumidamente, em outras partes funciona porque você está importando uma página que tem a importação do Bootstrap, e você pode resolver essa situação exatamente assim também. Abra o seu arquivo _menu.html e logo abaixo do {% load static %} cole o seguinte código de importação:

{% include 'usuarios/partials/_style.html'%}

Ao fazer isso você estará importando o Bootstrap para esse template também, logo o alerta aparecerá com a estilização correta.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.