cursor-agent/watersurf-erp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor: подписи полей слева от полей в одну строку

Browse Source 
Made-with: Cursor
This commit is contained in:
cursor-agent
2026-02-26 05:22:04 +00:00
parent 8af8e0b1f4
commit 6529da4dce
2 changed files with 47 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
HISTORY.md
View File

@@ -1,5 +1,15 @@
# История изменений ERP WaterSurf # История изменений 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 – Компактные формы документов (заказы клиента и поставщику) ## 2025-02-25 21:30 UTC – Компактные формы документов (заказы клиента и поставщику)
**Проблема**: Формы создания/редактирования заказов занимали много места: каждое поле с новой строки на всю ширину. **Проблема**: Формы создания/редактирования заказов занимали много места: каждое поле с новой строки на всю ширину.

43
app/static/css/theme-compact.css
View File

@@ -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 { .ws-form-compact .ws-form-row {
display: grid; display: grid;
gap: 1rem; gap: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
align-items: start; align-items: center;
} }
.ws-form-compact .ws-form-row-date-number { .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 { .ws-form-compact .ws-form-row-date-number .ws-field-date input {
max-width: 100%; width: 10ch;
width: 100%; 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 { .ws-form-compact .ws-form-row-2 {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
max-width: 520px; max-width: 600px;
} }
.ws-form-compact .ws-form-row-2 .ws-form-group input, .ws-form-compact .ws-form-row-2 .ws-form-group input,