Misalignment of play buttons in Horizontal Interface
zygurt opened this issue · 5 comments
*Different to Issue #165
When using the Horizontal Interface, the play buttons do not line up with appropriate track (Vertical misalignment). They can also only be clicked when not behind the slider's box.
Issue found with Firefox on both Windows and Ubuntu (Firefox v65)
.
Not sure if this is the correct way this issue should be solved, but by modifying button.track-slider-button in interfaces/horizontal-sliders.css to
button.track-slider-button { float: inherit; width: 100px; height: 94px; margin-right: -94px; }
The buttons appear on the right hand side of the appropriate slider.
It seems Firefox have changed some CSS markers for things, I've noticed it in other projects as well!
I'll take a look at your fix now
In the future, please feel free to submit a pull request with your fixes implemented. If they work, we'll just accept!
Too easy. I'm new to web coding, so I thought it better in this case that someone else adjust the code in a proper' way. Cheers for the update.
So I've quickly rewritten the bit which handles the slider objects to use grids. They're a little easier for dynamically sized objects to handle without breaking a pixel here or there!
All fixed!