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

@ -5,7 +5,7 @@ export const SHAPES = [
{
icon: (
// fa-mouse-pointer
<svg viewBox="0 0 320 512">
<svg viewBox="0 0 320 512" className="">
<path d="M302.189 329.126H196.105l55.831 135.993c3.889 9.428-.555 19.999-9.444 23.999l-49.165 21.427c-9.165 4-19.443-.571-23.332-9.714l-53.053-129.136-86.664 89.138C18.729 472.71 0 463.554 0 447.977V18.299C0 1.899 19.921-6.096 30.277 5.443l284.412 292.542c11.472 11.179 3.007 31.141-12.5 31.141z" />
</svg>
),
@ -41,7 +41,7 @@ export const SHAPES = [
{
icon: (
// fa-long-arrow-alt-right
<svg viewBox="0 0 448 512">
<svg viewBox="0 0 448 512" className="rtl-mirror">
<path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z" />
</svg>
),