added spacing and color to video listings

This commit is contained in:
Bret Haynie 2014-04-25 12:28:59 -04:00
parent 5e1bd186a7
commit ef83999fc9
4 changed files with 12 additions and 12 deletions

View File

@ -23,7 +23,8 @@ $medgray: #3A9AC9;
// border: 2px inset;
// }
.nested-fields {
.nested-fields:nth-of-type(odd), li.blue-box:nth-of-type(odd),
.nested-fields:nth-of-type(even), li.blue-box:nth-of-type(even) {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
@ -34,16 +35,15 @@ $medgray: #3A9AC9;
}
}
.nested-fields:nth-of-type(odd){
.nested-fields:nth-of-type(odd), li.blue-box:nth-of-type(odd){
background-color: #395C84;
}
.nested-fields:nth-of-type(even) {
.nested-fields:nth-of-type(even), li.blue-box:nth-of-type(even) {
background-color: lighten(#395C84, 10%);
}
.blah {
.remove-video {
a {
color: #ffffff;
font-weight: bold;

View File

@ -18,7 +18,7 @@
<% end %>
<div class="row">
<div class="col-md-6">
<div class="col-md-8">
<%= frm.input :advertisername,
label: 'Advertiser Name',
hint: "The name of the company." %>
@ -85,7 +85,7 @@
hint: "Toll-free phone number of business. Used in video creation." %>
</div>
<div class="col-md-6 videolisting">
<div class="col-md-4 videolisting">
<%= frm.simple_fields_for(:videolistings, html: {class: 'form-horizontal'}) do |videolisting| %>
<%= render 'videolisting_fields', :f => videolisting %>
<% end %>

View File

@ -21,5 +21,5 @@
label: 'Asset Urls',
hint: "A list of all file assets. Comma Separated, (press backspace or click the x to remove)",
input_html: {data: {role: "tagsinput" }, value: ""} %>
<div class="blah"><%= link_to_remove_association "Remove Video Listing", f %></div>
<div class="remove-video"><%= link_to_remove_association "Remove Video Listing", f %></div>
</div>

View File

@ -8,7 +8,7 @@
<hr>
<p id="notice"><%= notice %></p>
<div class="row">
<div class="col-md-6">
<div class="col-md-8">
<ul>
<% unless @campaign.listingcode.empty? %>
<li>
@ -132,10 +132,10 @@
<% end %>
</ul>
</div>
<div class="col-md-6 videolisting">
<ul class="nested-fields">
<div class="col-md-4 videolisting">
<ul class="blue-box-container">
<% @campaign.videolistings.each do |videolisting| %>
<li><%= render 'videolisting', videolisting: videolisting %></li>
<li class="blue-box"><%= render 'videolisting', videolisting: videolisting %></li>
<% end %>
<% if @campaign.videolistings.empty? %>
<li><p>No Video Listings for this Campaign.</p></li>