Files
jitsi-meet/react/features/custom-panel/constants.ts
Hristo Terezov e672aaa35a feat(custom-panel): add resizable panel width with drag handle and persistence
Allow users to resize the custom panel by dragging a handle on its left
edge, matching the chat panel's resize UX. The panel width is persisted
via PersistenceRegistry so it survives page reloads.

Architectural changes:
- Split CustomPanel into container (resize/close) + CustomPanelContent (branding override)
- Split functions.ts into core functions + functions.custom.ts (branding override)
- Split middleware.web.ts into orchestrator + middleware.custom.web.ts (branding override)
- Chat max size now accounts for custom panel width for mutual awareness

	test-localStorage1.html
2026-03-30 13:36:29 -05:00

26 lines
618 B
TypeScript

/**
* Default width for the custom panel in pixels.
*/
export const DEFAULT_CUSTOM_PANEL_WIDTH = 315;
/**
* Visual width of the drag handle in pixels.
*/
export const CUSTOM_PANEL_DRAG_HANDLE_WIDTH = 9;
/**
* Visual height of the drag handle in pixels.
*/
export const CUSTOM_PANEL_DRAG_HANDLE_HEIGHT = 100;
/**
* Touch target size for the drag handle on touch devices.
* Provides adequate hit area (44px) for comfortable tapping.
*/
export const CUSTOM_PANEL_TOUCH_HANDLE_SIZE = 44;
/**
* Offset from the panel edge for positioning the drag handle.
*/
export const CUSTOM_PANEL_DRAG_HANDLE_OFFSET = 4;