[#6636] Style change on the finance report to be horizontal

edavis10 · Oct 13, 2011 · f7f53e4 · f7f53e4
1 parent f4fb025
commit f7f53e4
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/app/helpers/contracts_helper.rb b/app/helpers/contracts_helper.rb
@@ -180,5 +180,15 @@ def overage_class(spent, budget, options={})
       ''
     end
   end
-
+
+  # Simple calculator to dynamically figure out the css width %
+  # to fill a container. <100% is used to allow some padding.
+  def css_width_calculator(number_of_elements)
+    case number_of_elements
+    when 2
+      " width: 48%"
+    when 3
+      " width: 31%"
+    end
+  end
 end
diff --git a/app/views/deliverables/_finances.html.erb b/app/views/deliverables/_finances.html.erb
@@ -7,7 +7,7 @@
 
 <h2><%= h(deliverable.title) %></h2>
 
-<div id="deliverable-activities" style="width: 33%">
+<div id="deliverable-activities" class="deliverable-finance-report" style="<%= css_width_calculator(2) %>">
 <h3>Activities</h3>
 
 <table id="deliverable-labor-activities" class="striped-contract-style">
@@ -113,7 +113,7 @@
 
 </div><%# /div#activities %>
 
-<div id="deliverable-users" style="width: 33%">
+<div id="deliverable-users" class="deliverable-finance-report" style="<%= css_width_calculator(2) %>" >
 <h3>Users</h3>
 
 <table id="deliverable-labor-users" class="striped-contract-style">

diff --git a/assets/stylesheets/redmine_contracts.css b/assets/stylesheets/redmine_contracts.css
@@ -532,3 +532,4 @@ table.striped-contract-style tr.summary-row {
 
 div.fixed-budget-form {padding: 5px 0;}
 .deliverable-action-link { font-weight: bold; }
+.deliverable-finance-report { float: left; padding: 0 5px; }