FrederikBaerentsen/BrickTracker
4
5
Fork 3
Code Issues 12 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

Added formatting to /parts

Browse Source
This commit is contained in:
FrederikBaerentsen 2024-12-29 13:49:25 +01:00
parent 971a3ef7d3
commit a6a88a3597
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
templates/parts.html
View File

@ -24,6 +24,14 @@ table.sortable tbody tr:nth-child(2n+1) td {
background: #ecf0f1; background: #ecf0f1;
} }
.name-class {
max-width: 300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
/* horizontal scrollbar for tables if mobile screen */ /* horizontal scrollbar for tables if mobile screen */
img { img {
@ -166,15 +174,18 @@ table.sortable tbody tr:nth-child(2n+1) td {
</div> </div>
</div> </div>
</nav> </nav>
<div class="container">
<center> <center>
<h1 class="title is-2 mt-4">Parts</h1>
<div class="center-table" > <div class="center-table" >
<div style="overflow-x:auto;border-radius: 10px;border: 1px #ccc solid; box-shadow:0 0.5em 1em -0.125em hsla(221deg,14%,4%,0.1),0 0px 0 1px hsla(221deg,14%,4%,0.02);" >
<table id="data" class="table tablemobile sortable"> <table id="data" class="table tablemobile sortable">
<thead> <thead>
<tr> <tr>
<th class="sorttable_nosort"></th> <th style="width:65px;" class="sorttable_nosort"></th>
<th >Part Num</th> <th >Part Num</th>
<th >Color</th> <th >Color</th>
<th class="name-class" >Name</th> <th class="name-class">Name</th>
<th >element_id</th> <th >element_id</th>
<th >total_quantity</th> <th >total_quantity</th>
</tr> </tr>
@ -196,8 +207,10 @@ table.sortable tbody tr:nth-child(2n+1) td {
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</center> </center>
</div>
<div id="lightbox-modal"> <div id="lightbox-modal">
<div class="lightbox-wrapper"> <div class="lightbox-wrapper">
<span class="close">&times;</span> <span class="close">&times;</span>