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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user