fix: adjustments around the danmaku opacity bar

tsukumijima · Feb 13, 2025 · 3849f81 · 3849f81
1 parent 7dab6b2
commit 3849f81
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/ts/setting.ts b/src/ts/setting.ts
@@ -155,8 +155,6 @@ class Setting {
 
         // danmaku opacity
         if (this.player.danmaku) {
-            const barWidth = 190;
-
             this.player.on('danmaku_opacity', (percentage: number) => {
                 this.player.bar.set('danmaku', percentage, 'width');
                 this.player.user.set('opacity', percentage);
@@ -167,6 +165,7 @@ class Setting {
 
             const danmakuMove = (event: Event) => {
                 const e = event as PointerEvent | TouchEvent | MouseEvent;
+                const barWidth = this.player.template.danmakuOpacityBarWrap.clientWidth;
                 let percentage = utils.getRelativeX(e, this.player.template.danmakuOpacityBarWrap) / barWidth;
                 percentage = Math.max(percentage, 0);
                 percentage = Math.min(percentage, 1);
@@ -185,6 +184,7 @@ class Setting {
 
             this.player.template.danmakuOpacityBarWrapWrap.addEventListener('click', (event: Event) => {
                 const e = event as PointerEvent | TouchEvent | MouseEvent;
+                const barWidth = this.player.template.danmakuOpacityBarWrap.clientWidth;
                 let percentage = utils.getRelativeX(e, this.player.template.danmakuOpacityBarWrap) / barWidth;
                 percentage = Math.max(percentage, 0);
                 percentage = Math.min(percentage, 1);