rattail/tailbone
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

More tweaks to product details view.

Browse source
This commit is contained in:
Lance Edgar 2015-02-27 03:24:15 -06:00
parent 3b9efe0ffb
commit 6252c3f777
3 changed files with 71 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
tailbone/static/css/grids.css
View file

@ -73,6 +73,11 @@ div.grid.full table {
width: 100%; width: 100%;
} }
div.grid.no-border table {
border-left: none;
border-top: none;
}
div.grid table th, div.grid table th,
div.grid table td { div.grid table td {
border-right: 1px solid black; border-right: 1px solid black;

19
tailbone/static/css/layout.css
View file

@ -68,19 +68,28 @@ body > #body-wrapper {
* Panels * Panels
******************************/ ******************************/
.panel,
.panel-grid {
border-left: 1px solid Black;
margin-bottom: 15px;
}
.panel { .panel {
border-bottom: 1px solid Black; border-bottom: 1px solid Black;
border-left: 1px solid Black;
border-right: 1px solid Black; border-right: 1px solid Black;
margin-bottom: 15px;
padding: 0px; padding: 0px;
} }
.panel h2 { .panel h2,
border-top: 1px solid Black; .panel-grid h2 {
border-bottom: 1px solid Black; border-bottom: 1px solid Black;
margin: 0px; border-top: 1px solid Black;
padding: 5px; padding: 5px;
margin: 0px;
}
.panel-grid h2 {
border-right: 1px solid Black;
} }
.panel-body { .panel-body {

18
tailbone/templates/products/read.mako
View file

@ -15,7 +15,7 @@
.panel-wrapper { .panel-wrapper {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
width: 45%; min-width: 45%;
} }
</style> </style>
</%def> </%def>
@ -96,11 +96,10 @@
</div> </div>
</div> </div>
<div class="panel" id="product-costs"> <div class="panel-grid" id="product-costs">
<h2>Vendor Sources</h2> <h2>Vendor Sources</h2>
<div class="panel-body">
% if product.costs: % if product.costs:
<div class="grid hoverable"> <div class="grid full hoverable no-border">
<table> <table>
<thead> <thead>
<th>Pref.</th> <th>Pref.</th>
@ -125,16 +124,16 @@
</table> </table>
</div> </div>
% else: % else:
<div class="panel-body">
<p>None on file.</p> <p>None on file.</p>
</div>
% endif % endif
</div> </div>
</div>
<div class="panel" id="product-codes"> <div class="panel-grid" id="product-codes">
<h2>Additional Lookup Codes</h2> <h2>Additional Lookup Codes</h2>
<div class="panel-body">
% if product.codes: % if product.codes:
<div class="grid hoverable"> <div class="grid full hoverable no-border">
<table> <table>
<thead> <thead>
<th>Code</th> <th>Code</th>
@ -149,9 +148,10 @@
</table> </table>
</div> </div>
% else: % else:
<div class="panel-body">
<p>None on file.</p> <p>None on file.</p>
% endif
</div> </div>
% endif
</div> </div>
</div> <!-- right column --> </div> <!-- right column -->