- Replace expanded 55dvh snap with fixed DOCK height (12rem) + COLLAPSED handle - Fix Base UI snap geometry via padding-bottom on Drawer popup - Lift snap state to CampaignQuickActionsSnapProvider with pathname reset - Collapse drawer when campaign-content-scroll passes threshold; reopen only via handle/pull - Block collapse while global search is focused or active - Dynamic content-scroll padding for dock vs collapsed peek - Unit tests for dock default, scroll collapse, handle toggle; e2e on municipality detail Co-authored-by: Francisco Solla <fsolla@users.noreply.github.com>
18 lines
751 B
TypeScript
18 lines
751 B
TypeScript
/** Collapsed peek — swipe handle only (replaces legacy bottom-nav `pb-24`). */
|
|
export const QUICK_ACTIONS_SNAP_COLLAPSED = '3rem' as const
|
|
|
|
/** Dock — action strip + global search visible on load and after navigation. */
|
|
export const QUICK_ACTIONS_SNAP_DOCK = '12rem' as const
|
|
|
|
/** Scroll down past this threshold on `campaign-content-scroll` collapses the drawer. */
|
|
export const QUICK_ACTIONS_SCROLL_COLLAPSE_THRESHOLD_PX = 24
|
|
|
|
export const QUICK_ACTIONS_SNAP_POINTS = [
|
|
QUICK_ACTIONS_SNAP_COLLAPSED,
|
|
QUICK_ACTIONS_SNAP_DOCK,
|
|
] as const
|
|
|
|
export type QuickActionsSnapPoint = (typeof QUICK_ACTIONS_SNAP_POINTS)[number]
|
|
|
|
export const quickActionsSnapIsDock = (snap: QuickActionsSnapPoint | null): boolean =>
|
|
snap === QUICK_ACTIONS_SNAP_DOCK
|