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

This commit is contained in:
Eric Davis
2011-10-13 13:33:47 -07:00
parent f4fb025c13
commit f7f53e4ac1
3 changed files with 14 additions and 3 deletions

View File

@@ -181,4 +181,14 @@ module ContractsHelper
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

View File

@@ -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">

View File

@@ -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; }