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

fix: color pickers not opening on mobile (#3676)

Browse source
This commit is contained in:
David Luzar 2021-05-30 12:05:07 +02:00 • committed by GitHub
parent c819b653bf
commit 035c7affff
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 83 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/actions/actionCanvas.tsx
View file

@ -34,9 +34,9 @@ export const actionChangeViewBackgroundColor = register({
type="canvasBackground"
color={appState.viewBackgroundColor}
onChange={(color) => updateData({ viewBackgroundColor: color })}
isActive={appState.openMenu === "canvasColorPicker"}
isActive={appState.openPopup === "canvasColorPicker"}
setActive={(active) =>
updateData({ openMenu: active ? "canvasColorPicker" : null })
updateData({ openPopup: active ? "canvasColorPicker" : null })
}
data-testid="canvas-background-picker"
/>

8
src/actions/actionProperties.tsx
View file

@ -126,9 +126,9 @@ export const actionChangeStrokeColor = register({
appState.currentItemStrokeColor,
)}
onChange={(color) => updateData({ currentItemStrokeColor: color })}
isActive={appState.openMenu === "strokeColorPicker"}
isActive={appState.openPopup === "strokeColorPicker"}
setActive={(active) =>
updateData({ openMenu: active ? "strokeColorPicker" : null })
updateData({ openPopup: active ? "strokeColorPicker" : null })
}
/>
</>
@ -166,9 +166,9 @@ export const actionChangeBackgroundColor = register({
appState.currentItemBackgroundColor,
)}
onChange={(color) => updateData({ currentItemBackgroundColor: color })}
isActive={appState.openMenu === "backgroundColorPicker"}
isActive={appState.openPopup === "backgroundColorPicker"}
setActive={(active) =>
updateData({ openMenu: active ? "backgroundColorPicker" : null })
updateData({ openPopup: active ? "backgroundColorPicker" : null })
}
/>
</>