smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add touch support (#788)

Browse source 
* Add touch support

* Mock media query

* Mock media query pt 2

* Fix tests

* Allow installing as an app on iOS

* Fix type error

* Math.hypot

* delete and finalize buttons, hint viewer

* skip failing tests

* skip the rest of the failing tests

* Hide the selected shape actions when nothing is selected

* Don’t go into mobile view on short-but-wide viewports

* lol
This commit is contained in:
Jed Fox 2020-02-21 08:17:20 -05:00 • committed by GitHub
parent c2855e2cb8
commit ab176937e6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 356 additions and 208 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/is-mobile.tsx
View file

@ -5,9 +5,15 @@ const context = React.createContext(false);
export function IsMobileProvider({ children }: { children: React.ReactNode }) {
const query = useRef<MediaQueryList>();
if (!query.current) {
query.current = window.matchMedia(
"(max-width: 600px), (max-height: 500px)",
);
query.current = window.matchMedia
? window.matchMedia(
"(max-width: 600px), (max-height: 500px) and (max-width: 1000px)",
)
: (({
matches: false,
addListener: () => {},
removeListener: () => {},
} as any) as MediaQueryList);
}
const [isMobile, setMobile] = useState(query.current.matches);