sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enable ColorPicker keyboard shortcuts if using custom color (#2288)

Browse Source
This commit is contained in:
Andrew Aquino 2020-10-27 03:01:57 -07:00 committed by GitHub
parent f404ab6f50
commit 5e55e77f54
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ColorPicker.scss
View File

@ -51,6 +51,12 @@
display: grid; display: grid;
grid-template-columns: repeat(5, auto); grid-template-columns: repeat(5, auto);
grid-gap: 0.5rem; grid-gap: 0.5rem;
border-radius: 4px;
&:focus {
outline: none;
box-shadow: 0 0 0 2px var(--focus-highlight-color);
}
} }
.color-picker-content .color-input-container { .color-picker-content .color-input-container {

3
src/components/ColorPicker.tsx
View File

@ -65,6 +65,8 @@ const Picker = ({
activeItem.current.focus(); activeItem.current.focus();
} else if (colorInput.current) { } else if (colorInput.current) {
colorInput.current.focus(); colorInput.current.focus();
} else if (gallery.current) {
gallery.current.focus();
} }
}, []); }, []);
@ -140,6 +142,7 @@ const Picker = ({
gallery.current = el; gallery.current = el;
} }
}} }}
tabIndex={0}
> >
{colors.map((_color, i) => ( {colors.map((_color, i) => (
<button <button