styled form errors and success messages
This commit is contained in:
parent
7b30af0684
commit
fec3064162
@ -2,6 +2,14 @@ body {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
strong, label, th {
|
||||
color: #395C84;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
@ -11,6 +19,16 @@ ul {
|
||||
font-size: .85em;
|
||||
}
|
||||
|
||||
.alert {
|
||||
margin-bottom: 0;
|
||||
margin-top: 1.5em;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.alert-form {
|
||||
margin-top: .5em !important;
|
||||
}
|
||||
|
||||
// $medgray: #3A9AC9;
|
||||
|
||||
.videolisting {
|
||||
|
@ -1,5 +1,13 @@
|
||||
<div class="container">
|
||||
<section>
|
||||
<div id="flash">
|
||||
<% flash.each do |key, value| -%>
|
||||
<div id="flash_<%= key %>"><%= value %></div>
|
||||
<% if flash[:notice] %>
|
||||
<div id="flash_<%= key %>" class="alert alert-success"><%= value %></div>
|
||||
<% else %>
|
||||
<div id="flash_<%= key %>" class="alert alert-danger"><%= value %></div>
|
||||
<% end %>
|
||||
<% end -%>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
@ -4,9 +4,8 @@
|
||||
file: :vertical_file_input,
|
||||
boolean: :vertical_boolean
|
||||
}) do |frm| %>
|
||||
<% if @campaign.errors.any? %>
|
||||
<div class="row">
|
||||
<div class="col-md-12 error_explanation">
|
||||
<!-- <% if @campaign.errors.any? %>
|
||||
<div class="error_explanation">
|
||||
<h2><%= pluralize(@campaign.errors.count, "error") %> prohibited this campaign from being saved:</h2>
|
||||
<ul>
|
||||
<% @campaign.errors.full_messages.each do |msg| %>
|
||||
@ -14,8 +13,7 @@
|
||||
<% end %>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
<% end %> -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
|
@ -9,7 +9,7 @@ SimpleForm.setup do |config|
|
||||
b.use :label
|
||||
b.wrapper tag: 'div', class: 'controls' do |ba|
|
||||
ba.use :input
|
||||
ba.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
|
||||
ba.use :error, wrap_with: { tag: 'div', class: 'alert alert-danger alert-form' }
|
||||
ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
|
||||
end
|
||||
end
|
||||
@ -23,7 +23,7 @@ SimpleForm.setup do |config|
|
||||
prepend.use :input
|
||||
end
|
||||
input.use :hint, wrap_with: { tag: 'span', class: 'help-block' }
|
||||
input.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
|
||||
input.use :error, wrap_with: { tag: 'div', class: 'alert alert-danger alert-form' }
|
||||
end
|
||||
end
|
||||
|
||||
@ -36,7 +36,7 @@ SimpleForm.setup do |config|
|
||||
append.use :input
|
||||
end
|
||||
input.use :hint, wrap_with: { tag: 'span', class: 'help-block' }
|
||||
input.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
|
||||
input.use :error, wrap_with: { tag: 'div', class: 'alert alert-danger alert-form' }
|
||||
end
|
||||
end
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user