# HG changeset patch
# User drewp@bigasterisk.com
# Date 1685833354 25200
# Node ID 078e6e7ec2062dc8be9c0547a34c47c0e71badc2
# Parent  de1dc8b77ba2dd6ad54dce043a46030f6cc28bfb
shorter sliders send fewer events

diff -r de1dc8b77ba2 -r 078e6e7ec206 light9/fade/Light9EffectFader.ts
--- a/light9/fade/Light9EffectFader.ts	Sat Jun 03 15:47:43 2023 -0700
+++ b/light9/fade/Light9EffectFader.ts	Sat Jun 03 16:02:34 2023 -0700
@@ -83,7 +83,7 @@
         background: #272727;
       }
       light9-fader {
-        margin: 4px;
+        margin: 0px;
         width: 100%;
       }
     `,
diff -r de1dc8b77ba2 -r 078e6e7ec206 light9/fade/Light9Fader.ts
--- a/light9/fade/Light9Fader.ts	Sat Jun 03 15:47:43 2023 -0700
+++ b/light9/fade/Light9Fader.ts	Sat Jun 03 16:02:34 2023 -0700
@@ -17,7 +17,7 @@
         display: inline-block;
         border: 2px gray inset;
         background: #000;
-        height: 130px;
+        height: 80px;
       }
       #handle {
         background: gray;
@@ -33,8 +33,8 @@
 
   @query("#handle") handleEl!: HTMLElement;
 
-  troughHeight = 130 - 2 - 2 - 5 - 5;
-  handleHeight = 20;
+  troughHeight = 80 - 2 - 2 - 5 - 5;
+  handleHeight = 10;
 
   drag?: Drag;
   unmutedValue: number = 1;
@@ -94,7 +94,7 @@
 
     this.addEventListener("wheel", (ev: WheelEvent) => {
       ev.preventDefault();
-      this.value += ev.deltaY / 120 * -.05;
+      this.value += ev.deltaY / this.troughHeight * -.05;
       this.valueChangedFromUi()
     });