Proper RTL support (#1154)

* Add RTL styles. Most of the work is done by the browser 💖

* Refactor getLanguage

* Additional fixes

* Mirror the mouse pointer icon

* Move the vertical scrollbar to the left on RTL

* Revert "Mirror the mouse pointer icon"

This reverts commit f69b132538.
This commit is contained in:
Jed Fox 2020-04-02 12:21:19 -04:00 committed by GitHub
parent 45e4949da0
commit 663526129a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 157 additions and 94 deletions

View file

@ -30,7 +30,6 @@ interface LayerUIProps {
canvas: HTMLCanvasElement | null;
setAppState: any;
elements: readonly ExcalidrawElement[];
language: string;
setElements: (elements: readonly ExcalidrawElement[]) => void;
onRoomCreate: () => void;
onRoomDestroy: () => void;
@ -44,7 +43,6 @@ export const LayerUI = React.memo(
setAppState,
canvas,
elements,
language,
setElements,
onRoomCreate,
onRoomDestroy,
@ -192,7 +190,6 @@ export const LayerUI = React.memo(
setAppState({});
}}
languages={languages}
currentLanguage={language}
floating
/>
{appState.scrolledOutside && (
@ -229,7 +226,6 @@ export const LayerUI = React.memo(
const keys = Object.keys(prevAppState) as (keyof Partial<AppState>)[];
return (
prev.language === next.language &&
prev.elements === next.elements &&
keys.every((key) => prevAppState[key] === nextAppState[key])
);