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

Fix: поле Дата — ширина 11.5rem, кнопка календаря акцентным цветом с белой иконкой

Browse Source 
Made-with: Cursor
This commit is contained in:
cursor-agent
2026-02-26 12:07:20 +00:00
parent 48b4a66c7c
commit 4bfb61d71e
2 changed files with 40 additions and 2 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 22:15 UTC – Поле «Дата»: размер и кнопка календаря
**Проблема**: Дата не помещалась в поле (обрезка по ширине), кнопка выбора календаря сливалась с тёмным фоном.
**Решение**: Ширина поля даты увеличена до 11.5rem. Для кнопки календаря (::-webkit-calendar-picker-indicator) задан акцентный фон (--ws-accent), белая иконка календаря через SVG data URI, при наведении — --ws-accent-hover.
**Изменения**: theme-compact.css.
---
## 2025-02-25 22:10 UTC – Поле «Дата» как ввод даты (type=date) ## 2025-02-25 22:10 UTC – Поле «Дата» как ввод даты (type=date)
**Проблема**: Поле даты в документах было текстовым (size=10). **Проблема**: Поле даты в документах было текстовым (size=10).

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

@@ -37,8 +37,36 @@
} }
.ws-form-compact .ws-form-row-date-number .ws-field-date input { .ws-form-compact .ws-form-row-date-number .ws-field-date input {
width: 10ch; min-width: 11.5rem;
flex: 0 0 10ch; width: 11.5rem;
flex: 0 0 auto;
}
/* Кнопка календаря у поля даты — акцентный цвет, хорошо видна на тёмном фоне */
.ws-form-compact input[type="date"]::-webkit-calendar-picker-indicator {
background-color: var(--ws-accent);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
padding: 4px;
border-radius: var(--ws-radius-sm);
cursor: pointer;
opacity: 1;
}
.ws-form-compact input[type="date"]::-webkit-calendar-picker-indicator:hover {
background-color: var(--ws-accent-hover);
}
/* Firefox: кнопка календаря */
.ws-form-compact input[type="date"]::-moz-focus-inner {
border: none;
}
@supports (-moz-appearance: none) {
.ws-form-compact input[type="date"] {
padding-right: 2.5rem;
}
} }
.ws-form-compact .ws-form-row-date-number .ws-field-number input { .ws-form-compact .ws-form-row-date-number .ws-field-number input {