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

Undo/Redo buttons, refactor menu toggles (#793)

Browse source 
* Make Undo & Redo and the menu buttons into actions; add undo/redo buttons

* Create variables for the ToolIcon colors

* Darken the menu buttons when they’re active

* Put the more intensive test in `perform`

* Fix & restyle hint viewer

* Add pinch zoom for macOS Safari

* Chrome/Firefox trackpad pinch zoom

* openedMenu → openMenu

* needsShapeEditor.ts → showSelectedShapeActions.ts

* Call showSelectedShapeActions
This commit is contained in:
Jed Fox 2020-03-01 14:39:03 -05:00 • committed by GitHub
parent 0ee33fe341
commit 8e0206cc1e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 271 additions and 127 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/ToolButton.tsx
View file

@ -16,6 +16,7 @@ type ToolButtonBaseProps = {
keyBindingLabel?: string;
showAriaLabel?: boolean;
visible?: boolean;
selected?: boolean;
};
type ToolButtonProps =
@ -40,7 +41,9 @@ export const ToolButton = React.forwardRef(function(
if (props.type === "button") {
return (
<button
className={`ToolIcon_type_button ToolIcon ${sizeCn}`}
className={`ToolIcon_type_button ToolIcon ${sizeCn}${
props.selected ? " ToolIcon--selected" : ""
}`}
title={props.title}
aria-label={props["aria-label"]}
type="button"