From 6529da4dce19c00b78a4dbdef05848cfa5c2c162 Mon Sep 17 00:00:00 2001 From: cursor-agent Date: Thu, 26 Feb 2026 05:22:04 +0000 Subject: [PATCH] =?UTF-8?q?Refactor:=20=D0=BF=D0=BE=D0=B4=D0=BF=D0=B8?= =?UTF-8?q?=D1=81=D0=B8=20=D0=BF=D0=BE=D0=BB=D0=B5=D0=B9=20=D1=81=D0=BB?= =?UTF-8?q?=D0=B5=D0=B2=D0=B0=20=D0=BE=D1=82=20=D0=BF=D0=BE=D0=BB=D0=B5?= =?UTF-8?q?=D0=B9=20=D0=B2=20=D0=BE=D0=B4=D0=BD=D1=83=20=D1=81=D1=82=D1=80?= =?UTF-8?q?=D0=BE=D0=BA=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Made-with: Cursor --- HISTORY.md | 10 ++++++++ app/static/css/theme-compact.css | 43 +++++++++++++++++++++++++++----- 2 files changed, 47 insertions(+), 6 deletions(-) diff --git a/HISTORY.md b/HISTORY.md index 113acd3..fb60340 100644 --- a/HISTORY.md +++ b/HISTORY.md @@ -1,5 +1,15 @@ # История изменений ERP WaterSurf +## 2025-02-25 21:45 UTC – Подписи полей слева от полей в одну строку + +**Проблема**: Подписи полей в формах заказов были расположены над полями ввода. + +**Решение**: В компактных формах подписи выровнены слева от полей в одну строку: группа поля — flex-строка (label + поле), минимальная ширина подписи 6.5rem, сообщения об ошибках переносятся на следующую строку с отступом. + +**Изменения**: theme-compact.css (стили .ws-form-group как flex row, выравнивание подписей). + +--- + ## 2025-02-25 21:30 UTC – Компактные формы документов (заказы клиента и поставщику) **Проблема**: Формы создания/редактирования заказов занимали много места: каждое поле с новой строки на всю ширину. diff --git a/app/static/css/theme-compact.css b/app/static/css/theme-compact.css index 572376d..30a62df 100644 --- a/app/static/css/theme-compact.css +++ b/app/static/css/theme-compact.css @@ -1,23 +1,54 @@ /* Компактная раскладка форм документов */ +/* Подпись слева от поля, в одну строку */ +.ws-form-compact .ws-form-group { + display: flex; + flex-direction: row; + align-items: center; + gap: 0.5rem 1rem; + flex-wrap: wrap; +} + +.ws-form-compact .ws-form-group label { + margin-bottom: 0; + flex-shrink: 0; + min-width: 6.5rem; +} + +.ws-form-compact .ws-form-group input, +.ws-form-compact .ws-form-group select { + flex: 1; + min-width: 0; +} + +.ws-form-compact .ws-form-group .ws-text-danger { + flex-basis: 100%; + margin-left: 7rem; +} + .ws-form-compact .ws-form-row { display: grid; gap: 1rem; margin-bottom: 1rem; - align-items: start; + align-items: center; } .ws-form-compact .ws-form-row-date-number { - grid-template-columns: 10ch 15ch; + grid-template-columns: 1fr 1fr; } -.ws-form-compact .ws-form-row-date-number .ws-form-group input { - max-width: 100%; - width: 100%; +.ws-form-compact .ws-form-row-date-number .ws-field-date input { + width: 10ch; + flex: 0 0 10ch; +} + +.ws-form-compact .ws-form-row-date-number .ws-field-number input { + width: 15ch; + flex: 0 0 15ch; } .ws-form-compact .ws-form-row-2 { grid-template-columns: 1fr 1fr; - max-width: 520px; + max-width: 600px; } .ws-form-compact .ws-form-row-2 .ws-form-group input,