Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Bug] mensagem não sai como o esperado

meu projeto esta com esse bug, alguém consegue me ajudar? ele está assim: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

mas o correto era para estar assim: Insira aqui a descrição dessa imagem para ajudar na acessibilidadelink do projeto no GitHub = https://github.com/kygamy/alura_space.git

4 respostas

Olá, Victor! Tudo bem?

Entrei no seu repositório e realizei alguns testes para entender o porquê a configuração CSS não estava sendo aplicada para a mensagem de "login realizado com sucesso".

Analisando o arquivo "styles.css" que está dentro da pasta "static" que por sua vez está dentro da pasta "setup", não encontrei a configuração das classes .alert e .alert-primary. E olhando o outro arquivo "style.css" que é gerado, concluir que você inseriu as configurações no arquivo errado.

Resumidamente, em um projeto Django você não pode inserir configurações ou arquivos estáticos diretamente no código do projeto. Para isso, temos a pasta "static" presente na pasta "setup", nela, inicialmente, inserimos os dados e configurações estáticos para que depois, no terminal, fazemos a coleta desses arquivos estáticos para uma pasta configurada também chamada "static", isso é feito através do comando python manage.py collectstatic

Para resolver toda essa situação você deve seguir os seguintes passos:

1- Primeiramente, você precisa ir para o arquivo .css que comentei anteriormente, segue uma imagem para ficar mais fácil de encontrá-lo;

Print dos arquivos do VScode

2 - Ao acesso o arquivo "style.css" cole as configurações de alerta abaixo no fim do arquivo;


.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}

.alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe;
}

3 - Depois, confirme que salvou as alterações no arquivo e execute o seguinte comando para coletar essas alterações (escreva 'yes' quando aparecer uma pergunta):

python manage.py collectstatic

Pronto! Caso tenha seguindo todos os passos listados acima, o seu alerta de login irá funcionar sem mais problemas.

Espero ter ajudado e bons estudos!

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

fiz isso e o problema persiste, a configuração continua não sendo aplicada a mensagem citada atualizei o repositório pra vc ver https://github.com/kygamy/alura_space.git

solução!

Opa Victor, Tudo joia?

Analisei essa nova versão do seu projeto e percebi que fez algumas mudanças e a mais significativa para o problema é a criação de uma "partials" para o alert.

Nela, na tag que recebe as classes de configuração CSS, você aplicou a seguinte estrutura alert-{{message.tags}}", logo o nome da tag será referente ao tipo da mensagem, porém, no arquivo CSS não tem as classes com o nome dos tipos de mensagens possíveis.

Então, a sua solução é aplicar essas classes no arquivo CSS. Fiz um Gif para ajudar na alteração e aplicação das configurações:

Gif de alteração de configuração CSS no Django

Siga os passos demostrados no Gif e seu alerta aparecerá configurado corretamente!

Bons estudos!

obrigado, quando executei o q vc escreveu não funcionou de primeira, mas dps eu vi q so esqueci de apagar o cash do navegador, por isso não tava funcionando