From 0ee63918105bedd5c88990c76b49080c92618f32 Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Tue, 27 Jan 2026 20:40:50 +0300
Subject: [PATCH] =?UTF-8?q?fix(pos):=20=D1=83=D0=BB=D1=83=D1=87=D1=88?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20=D0=BF=D1=80=D0=BE=D0=BA=D1=80=D1=83=D1=82?=
 =?UTF-8?q?=D0=BA=D0=B0=20=D0=BC=D0=BE=D0=B4=D0=B0=D0=BB=D0=BA=D0=B8=20?=
 =?UTF-8?q?=D0=B2=D1=8B=D0=B1=D0=BE=D1=80=D0=B0=20=D0=B5=D0=B4=D0=B8=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=86=D1=8B=20=D0=BF=D1=80=D0=BE=D0=B4=D0=B0=D0=B6=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Добавлен `modal-dialog-scrollable` для корректной прокрутки содержимого модального окна.
Реализован flex-контейнер с фиксированным хедером и футером, контент прокручивается в середине.
Убран жесткий `max-height` у списка единиц продажи, теперь высота адаптируется автоматически.
Футер закреплен внизу с `position: sticky` для постоянной видимости кнопок действий.
---
 myproject/pos/templates/pos/terminal.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/myproject/pos/templates/pos/terminal.html b/myproject/pos/templates/pos/terminal.html
index 6f34947..1f9148b 100644
--- a/myproject/pos/templates/pos/terminal.html
+++ b/myproject/pos/templates/pos/terminal.html
@@ -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> Добавить в корзину