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%;
}
div.grid.no-border table {
border-left: none;
border-top: none;
}
div.grid table th,
div.grid table td {
border-right: 1px solid black;

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

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

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

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