tyrel/vidpush
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added spacing and color to video listings

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/campaign.css.scss
View File

@ -23,7 +23,8 @@ $medgray: #3A9AC9;
// border: 2px inset; // 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; -webkit-border-radius: 1em;
-moz-border-radius: 1em; -moz-border-radius: 1em;
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; 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%); background-color: lighten(#395C84, 10%);
} }
.blah { .remove-video {
a { a {
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;

4
app/views/campaigns/_form.html.erb
View File

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

2
app/views/campaigns/_videolisting_fields.html.erb
View File

@ -21,5 +21,5 @@
label: 'Asset Urls', label: 'Asset Urls',
hint: "A list of all file assets. Comma Separated, (press backspace or click the x to remove)", hint: "A list of all file assets. Comma Separated, (press backspace or click the x to remove)",
input_html: {data: {role: "tagsinput" }, value: ""} %> 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> </div>

8
app/views/campaigns/show.html.erb
View File

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