我已经在我的 Rails 应用程序中实现了设计。呈现 Flash 消息/Flash 通知时,它在页面上显示为文本 IE 您的会话已过期,请重新登录以继续。
这出现在页面顶部的页面顶部。
我想做的是使用一些 CSS 自定义它,添加边框,更改文本样式等,理想情况下,我希望通知在顶角用 ax 关闭,而不是刷新页面以使通知消失。
有没有人这样做或者可以指出我正确的方向
所有帮助表示赞赏
我已经在我的 Rails 应用程序中实现了设计。呈现 Flash 消息/Flash 通知时,它在页面上显示为文本 IE 您的会话已过期,请重新登录以继续。
这出现在页面顶部的页面顶部。
我想做的是使用一些 CSS 自定义它,添加边框,更改文本样式等,理想情况下,我希望通知在顶角用 ax 关闭,而不是刷新页面以使通知消失。
有没有人这样做或者可以指出我正确的方向
所有帮助表示赞赏
添加这个,或者类似于你的 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;
}
其他 Flash 类是:.success、.alert、.error。可能还有一些我忘记了。但这应该有望使您朝着正确的方向前进。
不要忘记添加:
<% flash.each do |key, value| %>
<%= content_tag(:div, value, :class => "flash #{key}") %>
<% end %>
到您的标头或 application.html.erb。