mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-14 18:17:47 +00:00
2ab86cffb8
Adds touch-screen support for resizing filmstrip and chat panels to enable tablet and touch-laptop users to adjust panel widths. Previously, drag handles only worked with mouse hover, making panels non-resizable on touch devices. Changes: - Implement Pointer Events API for unified mouse/touch handling - Add touch device detection with screen size threshold - Make drag handles always visible on touch devices with padding for easier tapping - Maintain identical visual layout between touch and non-touch versions Touch devices with sufficiently large screens now have fully functional drag handles with appropriate hit targets while smaller devices remain disabled to preserve mobile UX.
32 lines
647 B
TypeScript
32 lines
647 B
TypeScript
import Platform from '../react/Platform';
|
|
|
|
/**
|
|
* Returns whether or not the current environment is a mobile device.
|
|
*
|
|
* @returns {boolean}
|
|
*/
|
|
export function isMobileBrowser() {
|
|
return Platform.OS === 'android' || Platform.OS === 'ios';
|
|
}
|
|
|
|
|
|
/**
|
|
* Returns whether or not the current environment is an ios mobile device.
|
|
*
|
|
* @returns {boolean}
|
|
*/
|
|
export function isIosMobileBrowser() {
|
|
return Platform.OS === 'ios';
|
|
}
|
|
|
|
/**
|
|
* Returns whether or not the current environment is an ipad device.
|
|
*
|
|
* @returns {boolean}
|
|
*/
|
|
export function isIpadMobileBrowser() {
|
|
|
|
// @ts-ignore
|
|
return isIosMobileBrowser() && Platform.isPad;
|
|
}
|