Show full date-range placeholder in Schedule filter

The schedule calendar input had `padding-right: 2rem` left over from
the era when the calendar icon sat inside the <input> 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.
This commit is contained in:
2026-04-22 12:27:37 +03:00
parent a1089e07dd
commit 99d86fba29
@@ -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