Bladeren bron

Allow changing opacity with scroll wheel (#662)

Bakhtiiar Muzakparov 5 jaren geleden
bovenliggende
commit
f955f58bc4
1 gewijzigde bestanden met toevoegingen van 14 en 0 verwijderingen
  1. 14 0
      src/actions/actionProperties.tsx

+ 14 - 0
src/actions/actionProperties.tsx

@@ -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,