smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-04-14 16:40:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Allow changing opacity with scroll wheel (#662)

Browse source
This commit is contained in:
Bakhtiiar Muzakparov 2020-02-03 01:48:41 +00:00 • committed by GitHub
parent 68ca63ec14
commit f955f58bc4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/actions/actionProperties.tsx
View file

@ -220,6 +220,20 @@ export const actionChangeOpacity: Action = {
max="100"
step="10"
onChange={e => updateData(+e.target.value)}
onWheel={e => {
e.stopPropagation();
const target = e.target as HTMLInputElement;
const STEP = 10;
const MAX = 100;
const MIN = 0;
const value = +target.value;
if (e.deltaY < 0 && value < MAX) {
updateData(value + STEP);
} else if (e.deltaY > 0 && value > MIN) {
updateData(value - STEP);
}
}}
value={
getFormValue(
appState.editingElement,