mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-04-14 16:40:58 -04:00
Additional fixes
This commit is contained in:
parent
e0e1e4fde7
commit
11df3a01e1
4 changed files with 8 additions and 5 deletions
|
@ -3,7 +3,7 @@ import { Popover } from "./Popover";
|
|||
|
||||
import "./ColorPicker.scss";
|
||||
import { KEYS } from "../keys";
|
||||
import { t } from "../i18n";
|
||||
import { t, getLanguage } from "../i18n";
|
||||
import { isWritableElement } from "../utils";
|
||||
import colors from "../colors";
|
||||
|
||||
|
@ -69,6 +69,7 @@ const Picker = function ({
|
|||
event.key === KEYS.ARROW_DOWN
|
||||
) {
|
||||
const { activeElement } = document;
|
||||
const isRTL = getLanguage().rtl;
|
||||
const index = Array.prototype.indexOf.call(
|
||||
gallery!.current!.children,
|
||||
activeElement,
|
||||
|
@ -76,9 +77,9 @@ const Picker = function ({
|
|||
if (index !== -1) {
|
||||
const length = gallery!.current!.children.length - (showInput ? 1 : 0);
|
||||
const nextIndex =
|
||||
event.key === KEYS.ARROW_RIGHT
|
||||
event.key === (isRTL ? KEYS.ARROW_LEFT : KEYS.ARROW_RIGHT)
|
||||
? (index + 1) % length
|
||||
: event.key === KEYS.ARROW_LEFT
|
||||
: event.key === (isRTL ? KEYS.ARROW_RIGHT : KEYS.ARROW_LEFT)
|
||||
? (length + index - 1) % length
|
||||
: event.key === KEYS.ARROW_DOWN
|
||||
? (index + 5) % length
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
min-width: 9.5rem;
|
||||
margin: 0;
|
||||
padding: 0.25rem 1rem 0.25rem 1.25rem;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
border-radius: 0;
|
||||
background-color: #f2f2f2;
|
||||
border: none;
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
.Dialog {
|
||||
--metric: calc(var(--space-factor) * 4);
|
||||
--inset-left: #{"max(var(--metric), var(--sal))"};
|
||||
--inset-right: #{"max(var(--metric), env(safe-area-inset-right))"};
|
||||
--inset-right: #{"max(var(--metric), var(--sar))"};
|
||||
}
|
||||
.Dialog__title {
|
||||
grid-template-columns: calc(var(--space-factor) * 7) 1fr calc(
|
||||
|
|
|
@ -15,6 +15,7 @@
|
|||
z-index: 2;
|
||||
}
|
||||
|
||||
/* TODO: if these are used, make sure to implement RTL support
|
||||
.FixedSideContainer_side_left {
|
||||
left: var(--margin);
|
||||
top: var(--margin);
|
||||
|
@ -28,3 +29,4 @@
|
|||
bottom: var(--margin);
|
||||
z-index: 3;
|
||||
}
|
||||
*/
|
||||
|
|
Loading…
Add table
Reference in a new issue