diff --git a/HISTORY.md b/HISTORY.md index 9ebd837..1ff72c2 100644 --- a/HISTORY.md +++ b/HISTORY.md @@ -1,5 +1,15 @@ # История изменений 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) **Проблема**: Поле даты в документах было текстовым (size=10). diff --git a/app/static/css/theme-compact.css b/app/static/css/theme-compact.css index 30a62df..42c1eb7 100644 --- a/app/static/css/theme-compact.css +++ b/app/static/css/theme-compact.css @@ -37,8 +37,36 @@ } .ws-form-compact .ws-form-row-date-number .ws-field-date input { - width: 10ch; - flex: 0 0 10ch; + min-width: 11.5rem; + 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 {