[#6636] Style change on the finance report to be horizontal
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user