0

Railsアプリにdeviseを実装しました。フラッシュメッセージ/フラッシュ通知が表示されると、テキストIEセッションの有効期限が切れたため、ページに表示されます。続行するには、もう一度サインインしてください。

これは、ページの上部のページの上部に表示されます。

私がやりたいのは、CSSでこれをカスタマイズしたり、境界線を追加したり、テキストのスタイルを変更したりすることです。理想的には、通知を非表示にするためにページを更新するのではなく、上隅にある斧で通知を閉じます。

誰かがこれをしたか、おそらく私を正しい方向に向けることができますか

すべての助けに感謝

4

1 に答える 1

1

これ、またはCSSファイルに似たものを追加します。

.flash {
  text-align: center;
  width: 100%;
  padding: 10px 0 10px 0;
  margin-top: 1em;
  color: #333333;
  border: 1px solid black; 
}

/*
 Flash message styles
*/
.notice {
  background: #fefad9; 
}

その他のフラッシュクラスは、.success、.alert、.errorです。もう少し忘れてしまったかもしれません。しかし、それはうまくいけばあなたを正しい方向に導くはずです。

追加することを忘れないでください：

<% flash.each do |key, value| %>
  <%= content_tag(:div, value, :class => "flash #{key}") %>
<% end %>

ヘッダーまたはapplication.html.erbに。

于 2012-04-21T20:26:22.003 に答える