Personnaliser les notifications flash Rails, sans bootstrap

Question

J'essaie de trouver un moyen de personnaliser un certain nombre de rails flash [: notice] sans l'utilisation de bootstrap. Je sais comment le faire avec bootstrap mais je n'aime généralement pas l'utiliser et je préférerais styler mon application moi-même .. Je sens que tout le rembourrage par défaut de Bootstrap, les requêtes médiatiques, etc.

J'ai lu que vous pouviez ajouter add_flash_types dans votre contrôleur, mais je suis un peu bloqué sur la façon dont j'irais styliser leur couleur et les implémenter.

Merci à l'avance, Justin

Answer 1

flash est un tableau de hash. Vous pouvez ajouter plusieurs hachages au flash. Comme flash[:info], flash[:notice], flash[:alert] flash[:error]. En vue, vous pouvez imprimer tous les messages flash avec un style. Mettez-vous css avec le message. Comme

<% flash.each do |name, msg| 
    <%= content_tag :div, msg, :id => "flash_#{name}", class: 'my-class' %> 
<% end %> 

Answer 2

Dans votre fichier html.erb vous pouvez afficher des messages avec une classe CSS personnalisé - error-msg dans notre cas. Dans votre fichier application.css (ou dans un autre fichier css), vous pouvez personnaliser les erreurs avec votre CSS personnalisé.

.error-msg { 
    color: red; 
    font-size: 14px; 
}