github.com/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-02-18 13:29:36 +01:00
Code Releases Wiki Activity

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" max="100"
step="10" step="10"
onChange={e => updateData(+e.target.value)} 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={ value={
getFormValue( getFormValue(
appState.editingElement, appState.editingElement,