light9 Changeset - 078e6e7ec206

Changeset - 078e6e7ec206

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

drewp@bigasterisk.com - 20 months ago 2023-06-03 23:02:34
drewp@bigasterisk.com

shorter sliders send fewer events

2 files changed with 5 insertions and 5 deletions:

light9/fade/Light9EffectFader.ts

light9/fade/Light9Fader.ts

0 comments (0 inline, 0 general)

light9/fade/Light9EffectFader.ts

➞

Show inline comments

@@ @@ -80,13 +80,13 @@ export class Light9EffectFader extends L @@
       :host {
         display: inline-block;
         border: 2px gray outset;
         background: #272727;
+      }
       light9-fader {
-        margin: 4px;
+        margin: 0px;
         width: 100%;
+      }
     `,
   ];
   render() {
     if (this.conf === undefined || this.conf.value === undefined) {

light9/fade/Light9Fader.ts

➞

Show inline comments

@@ @@ -14,13 +14,13 @@ export class Light9Fader extends LitElem @@
   static styles = [
     css`
       :host {
         display: inline-block;
         border: 2px gray inset;
         background: #000;
-        height: 130px;
+        height: 80px;
+      }
       #handle {
         background: gray;
         border: 5px gray outset;
         position: relative;
         left: 0;
@@ @@ -30,14 +30,14 @@ export class Light9Fader extends LitElem @@
   ];
   @property() value: number = 0;
   @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;
   render() {
     return html` <div id="handle"><hr /></div> `;
@@ @@ -91,13 +91,13 @@ export class Light9Fader extends LitElem @@
     this.addEventListener("contextmenu", (event) => {
       event.preventDefault();
     });
     this.addEventListener("wheel", (ev: WheelEvent) => {
       ev.preventDefault();
-      this.value += ev.deltaY / 120 * -.05;
+      this.value += ev.deltaY / this.troughHeight * -.05;
       this.valueChangedFromUi()
     });
     const maybeDrag = (ev: MouseEvent) => {
       if (ev.buttons != 1) return;
       if (this.drag === undefined) return;

0 comments (0 inline, 0 general)