2015-12-23 49 views
0

我試圖找到一種方法來自定義一些軌道閃光[:通知]的沒有使用引導。我知道如何用bootstrap做到這一點,但我通常不喜歡使用它,而寧願設計我的應用程序的自己。我覺得所有Bootstrap的默認填充,媒體查詢等都會妨礙我。自定義Rails閃存通知,無需引導

我讀過你可以在你的控制器中添加_flash_types,但我有點卡住我將如何去造型和實現他們的顏色。

由於提前, 賈斯汀

回答

0

flash是散列的陣列。您可以將多個哈希添加到flash。像flash[:info], flash[:notice], flash[:alert] flash[:error]。鑑於您可以用一些樣式打印所有的Flash消息。把你css與消息一起。像

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

在你html.erb文件您可以顯示一個自定義的CSS類的消息 - 在我們的例子error-msg

<% flash.each do |name, msg| -%> 
    <%= content_tag :div, msg, class: 'error-msg' %> 
<% end -%> 

在你application.css文件(或其他css文件),您可以風格的自定義CSS錯誤。

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