From 99d86fba29696389f9c295589fdb28b591f6540d Mon Sep 17 00:00:00 2001 From: gnezim Date: Wed, 22 Apr 2026 12:27:37 +0300 Subject: [PATCH] Show full date-range placeholder in Schedule filter MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The schedule calendar input had `padding-right: 2rem` left over from the era when the calendar icon sat inside the as a background image. The trigger icon now lives in a sibling `.p-datepicker-trigger` button (also 2rem wide), so the input was reserving an extra 32 px on top of that — which truncated 'ДД.ММ.ГГГГ - ДД.ММ.ГГГГ' to 'ДД.ММ.ГГГГ - ДД.ММ....' in the narrow left-column layout. Drop the redundant override; the input now uses the shared 15 px horizontal padding from `_prime-calendar.scss` and the full placeholder fits. --- src/features/schedule/components/ScheduleStartPage.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/features/schedule/components/ScheduleStartPage.scss b/src/features/schedule/components/ScheduleStartPage.scss index ad6afd1d..655f96da 100644 --- a/src/features/schedule/components/ScheduleStartPage.scss +++ b/src/features/schedule/components/ScheduleStartPage.scss @@ -341,10 +341,12 @@ // PrimeReact Calendar input — step the font down from the start-page's // 16px so the full 'ДД.ММ.ГГГГ - ДД.ММ.ГГГГ' placeholder fits in the // narrow left-column width. Matches Angular's `body .p-inputtext` - // baseline of 14px for calendar inputs. + // baseline of 14px for calendar inputs. Horizontal padding is owned + // by the shared rule in `styles/_prime-calendar.scss` — don't + // double-pad right (the `.p-datepicker-trigger` button sits next to + // the input and already owns the icon column). .p-calendar input.p-inputtext { font-size: fonts.$font-size-m !important; - padding-right: 2rem; // leave room for the trigger icon on the right } // Swap-cities button styling moved to the shared `SwapCityButton` component