dsafa/audio-band

Buutton do not work with less width

DanielRios549 opened this issue · 1 comments

Describe the bug
The problem is that I want to show only the previous, play/pause and next button, so I set the width to 100 instead of 500, and change these three button to a position near to the left (0, 30 and 60)
. When I make this change, the buttons no loguer show the hover effect and simply do not work anymore.

To Reproduce
Steps to reproduce the behavior:

  1. Go to Settings -> General and set the width to 100
  2. Turn off all the other things (progress bar, repeat mode, etc), except for the previous, play/pause and next.
  3. Set the width of previous to 0, play/pause to 30 and next to 60.

Expected behavior
The buttons should work regardless of the width and the position of them.

Version Info

  • Windows 1903
  • AudioBand 0.9.4

Describe the bug
The problem is that I want to show only the previous, play/pause and next button, so I set the width to 100 instead of 500, and change these three button to a position near to the left (0, 30 and 60)
. When I make this change, the buttons no loguer show the hover effect and simply do not work anymore.

To Reproduce
Steps to reproduce the behavior:

  1. Go to Settings -> General and set the width to 100
  2. Turn off all the other things (progress bar, repeat mode, etc), except for the previous, play/pause and next.
  3. Set the width of previous to 0, play/pause to 30 and next to 60.

Expected behavior
The buttons should work regardless of the width and the position of them.

Version Info

  • Windows 1903
  • AudioBand 0.9.4

This is not a bug. After creating a new profile and following these exact steps the buttons become obscured by the transparent portions of the text labels. This means you can see the buttons through the text labels, but not click them. Since the text labels are still present if you make these changes, simply deleting or resizing the text labels solves the issue. Make sure you check all of the dimensions of your audio bar elements in all sections to prevent overlap of functional elements.
EDIT: Duplicate of #229