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 */ /* 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 */

View File

@@ -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) -->