updated to scrol betwen the rows in the card

This commit is contained in:
2025-10-09 00:41:32 +03:00
parent c99ff70da7
commit b8e85180c7
2 changed files with 31 additions and 23 deletions

View File

@@ -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 */
/* Fix horizontal overflow: use 100% width, not 100vw */

View File

@@ -38,29 +38,31 @@
<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
</div>
<table class="scan-table" id="locations-table">
<thead>
<tr>
<th>ID</th>
<th>Location Code</th>
<th>Size</th>
<th>Description</th>
</tr>
</thead>
<tbody>
{% for loc in locations %}
<tr class="location-row" data-location-code="{{ loc[1] }}"
data-location-id="{{ loc[0] }}"
data-location-size="{{ loc[2] or '' }}"
data-location-description="{{ loc[3] or '' }}">
<td>{{ loc[0] }}</td>
<td>{{ loc[1] }}</td>
<td>{{ loc[2] or '' }}</td>
<td>{{ loc[3] or '' }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="warehouse-table-scroll">
<table class="scan-table" id="locations-table">
<thead>
<tr>
<th>ID</th>
<th>Location Code</th>
<th>Size</th>
<th>Description</th>
</tr>
</thead>
<tbody>
{% for loc in locations %}
<tr class="location-row" data-location-code="{{ loc[1] }}"
data-location-id="{{ loc[0] }}"
data-location-size="{{ loc[2] or '' }}"
data-location-description="{{ loc[3] or '' }}">
<td>{{ loc[0] }}</td>
<td>{{ loc[1] }}</td>
<td>{{ loc[2] or '' }}</td>
<td>{{ loc[3] or '' }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<!-- Container 3: Edit/Delete and Print (1 part width) -->