MTG
New UI mobile issues
Some mobile UI bugs reported in the forums: https://freesound.org/forum/beast_whoosh_beta_ui_feedback/44438/?page=1#post102318
- [x] Moving one page to another arrives zoomed in. I arrive seeing 75% of the page and having to zoom out to see 100%, width wise.
This is related to how we scale pages to adapt do different pages. There is some JS code in the base template. We should revise all that and see if there is a better way to do it.
- [ ] Some sounds have the 5 starts separated on two lines. 4 stars over 1 under.
- [ ] Format issue with long pack names ? It does "pack name" + download count. Line under = comment number + liscencing. Line under = "see results in the same pack". I think a better format would be download count, comments, licencing. Line under = Pack name + "Pack-X" (X being the number of results from the same pack). Or just having the pack name and another line under for the "see X results from the same pack" as is.
- [x] Triggering sounds while scrolling. It's too easy to trigger sounds while scrolling. There should be a threshold of press length, or a cancel if scrolling within 3ms after triggering a sound.
I also observed this. This happens after recent changes related to how sounds are triggered and the mouse event that we use. It might be a bit tricky because the solution we choose was already quite restricted in many ways, but we should see... Maybe doing something like checking that no scrolling event is active when the pointer event is triggered. Or maybe choosing another event that might work similarly but not be triggered when scrolling.
- [x] "Most downloaded new packs" scrolling sideways the 5 dot marker doesn't highlight which bank I'm on.
Once clicked the arrows once, the current page does not seem to be highlighted. This does not only affects mobile site but also desktop. I suspect the carousel code fails because in the packs section there are carousels inside the carousel, and the dots are not initiated correctly. In fact, when scrolling to the second page, the individual pack carousels do not show the dots highlighted until you click on an arrow (so sort of opposite behaviour as the outer carousel).
- [ ] Scrolling sideways on the hope page for stuff like "most recently downloaded sounds" highlights which bank I'm on in grey, if I press on a bank it's then highlighted in red. If I then scroll bank, I have the red dot remain and I have a white dot to show what bank I'm on. I admit having Grey, Red, and white dots. Two highlights at once is probably a bug!
This happens because the red on hover for the dots stays red while "activated". A similar issue was happening for players and we fixed by dynamically adding/removing the bw-player--hover-interactions class. We could do something similar for the dots of carousels.
