fix(pos): улучшена прокрутка модалки выбора единицы продажи
Добавлен `modal-dialog-scrollable` для корректной прокрутки содержимого модального окна. Реализован flex-контейнер с фиксированным хедером и футером, контент прокручивается в середине. Убран жесткий `max-height` у списка единиц продажи, теперь высота адаптируется автоматически. Футер закреплен внизу с `position: sticky` для постоянной видимости кнопок действий.
This commit is contained in:
@@ -647,20 +647,20 @@
|
||||
|
||||
<!-- Модалка: Выбор единицы продажи товара -->
|
||||
<div class="modal fade" id="selectProductUnitModal" tabindex="-1" aria-labelledby="selectProductUnitModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="modal-dialog modal-lg modal-dialog-scrollable">
|
||||
<div class="modal-content" style="max-height: 90vh; display: flex; flex-direction: column;">
|
||||
<div class="modal-header" style="flex-shrink: 0;">
|
||||
<h5 class="modal-title" id="selectProductUnitModalLabel">
|
||||
<i class="bi bi-box-seam"></i> <span id="unitModalProductName"></span>
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="modal-body" style="flex: 1; overflow-y: auto; min-height: 0;">
|
||||
<div class="row">
|
||||
<!-- Левая колонка: список единиц продажи -->
|
||||
<div class="col-12 col-md-6">
|
||||
<label class="form-label fw-semibold">Выберите единицу продажи</label>
|
||||
<div id="unitSelectionList" class="d-flex flex-column gap-2" style="max-height: 400px; overflow-y: auto;">
|
||||
<div id="unitSelectionList" class="d-flex flex-column gap-2">
|
||||
<!-- Заполняется через JavaScript -->
|
||||
</div>
|
||||
</div>
|
||||
@@ -717,7 +717,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="modal-footer" style="flex-shrink: 0; position: sticky; bottom: 0; background: white; border-top: 1px solid #dee2e6;">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-success" id="confirmAddUnitToCart" disabled>
|
||||
<i class="bi bi-cart-plus"></i> Добавить в корзину
|
||||
|
||||
Reference in New Issue
Block a user