updated to scrol betwen the rows in the card
This commit is contained in:
@@ -1,3 +1,9 @@
|
|||||||
|
/* Make the warehouse locations table scrollable within the card */
|
||||||
|
.warehouse-table-scroll {
|
||||||
|
max-height: 520px; /* fits inside 640px card with header and hint */
|
||||||
|
overflow-y: auto;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure .main-content is full width for warehouse pages */
|
/* Ensure .main-content is full width for warehouse pages */
|
||||||
/* Fix horizontal overflow: use 100% width, not 100vw */
|
/* Fix horizontal overflow: use 100% width, not 100vw */
|
||||||
|
|||||||
@@ -38,29 +38,31 @@
|
|||||||
<div id="location-selection-hint" style="margin-bottom: 10px; font-size: 11px; color: #666; text-align: center;">
|
<div id="location-selection-hint" style="margin-bottom: 10px; font-size: 11px; color: #666; text-align: center;">
|
||||||
Click on a row to select a location for printing
|
Click on a row to select a location for printing
|
||||||
</div>
|
</div>
|
||||||
<table class="scan-table" id="locations-table">
|
<div class="warehouse-table-scroll">
|
||||||
<thead>
|
<table class="scan-table" id="locations-table">
|
||||||
<tr>
|
<thead>
|
||||||
<th>ID</th>
|
<tr>
|
||||||
<th>Location Code</th>
|
<th>ID</th>
|
||||||
<th>Size</th>
|
<th>Location Code</th>
|
||||||
<th>Description</th>
|
<th>Size</th>
|
||||||
</tr>
|
<th>Description</th>
|
||||||
</thead>
|
</tr>
|
||||||
<tbody>
|
</thead>
|
||||||
{% for loc in locations %}
|
<tbody>
|
||||||
<tr class="location-row" data-location-code="{{ loc[1] }}"
|
{% for loc in locations %}
|
||||||
data-location-id="{{ loc[0] }}"
|
<tr class="location-row" data-location-code="{{ loc[1] }}"
|
||||||
data-location-size="{{ loc[2] or '' }}"
|
data-location-id="{{ loc[0] }}"
|
||||||
data-location-description="{{ loc[3] or '' }}">
|
data-location-size="{{ loc[2] or '' }}"
|
||||||
<td>{{ loc[0] }}</td>
|
data-location-description="{{ loc[3] or '' }}">
|
||||||
<td>{{ loc[1] }}</td>
|
<td>{{ loc[0] }}</td>
|
||||||
<td>{{ loc[2] or '' }}</td>
|
<td>{{ loc[1] }}</td>
|
||||||
<td>{{ loc[3] or '' }}</td>
|
<td>{{ loc[2] or '' }}</td>
|
||||||
</tr>
|
<td>{{ loc[3] or '' }}</td>
|
||||||
{% endfor %}
|
</tr>
|
||||||
</tbody>
|
{% endfor %}
|
||||||
</table>
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Container 3: Edit/Delete and Print (1 part width) -->
|
<!-- Container 3: Edit/Delete and Print (1 part width) -->
|
||||||
|
|||||||
Reference in New Issue
Block a user