changeset 2355:078e6e7ec206

shorter sliders send fewer events
author drewp@bigasterisk.com
date Sat, 03 Jun 2023 16:02:34 -0700
parents de1dc8b77ba2
children 6394d7d71974
files light9/fade/Light9EffectFader.ts light9/fade/Light9Fader.ts
diffstat 2 files changed, 5 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- 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%;
       }
     `,
--- 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()
     });