mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-18 22:07:47 +00:00
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
26 lines
618 B
TypeScript
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;
|