inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-11-04 07:05:41 +00:00
Code Activity

Improvements to "grid view" for parts list

Browse Source 
- Display 5 tiles per line
- Reduce padding
- Add border
This commit is contained in:
Oliver
2021-10-18 12:19:16 +11:00
parent addb265984
commit 68cfd8615e
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
InvenTree/InvenTree/static/css/inventree.css
View File

@@ -1074,6 +1074,13 @@ input[type='number']{
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.product-card {
width: 20%;
padding: 5px;
min-height: 25px;
}
.product-card-panel{ .product-card-panel{
height: 100%; height: 100%;
border: 1px solid #ccc;
} }

6
InvenTree/templates/js/translated/part.js
View File

@@ -778,7 +778,7 @@ function partGridTile(part) {
var html = ` var html = `
<div class='col-sm-3 card'> <div class='product-card card'>
<div class='panel panel-default panel-inventree product-card-panel'> <div class='panel panel-default panel-inventree product-card-panel'>
<div class='panel-heading'> <div class='panel-heading'>
<a href='/part/${part.pk}/'> <a href='/part/${part.pk}/'>
@@ -1000,8 +1000,8 @@ function loadPartTable(table, url, options={}) {
data.forEach(function(row, index) { data.forEach(function(row, index) {
// Force a new row every 4 columns, to prevent visual issues // Force a new row every 5 columns
if ((index > 0) && (index % 4 == 0) && (index < data.length)) { if ((index > 0) && (index % 5 == 0) && (index < data.length)) {
html += `</div><div class='row full-height'>`; html += `</div><div class='row full-height'>`;
} }