Mercurial > code > home > repos > light9
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() });