devsnd
Responsive Mobile UI
Hello! First, thanks for an awesome product.
I see that there are a couple of issues on here regarding mobile applications. One thought I had was to make a responsive mobile UI. This would be fairly straightforward to implement with Bootstrap and would not require writing any additional code for a mobile application.
I did not see an issue for this, so I figure I would bring it up to see if this is currently being worked on. If not, I would like to take a pass at it.
- My plan was to not create a separate mobile theme but instead use media queries in the existing CSS to change the layout based on the device size. Does this sound like a reasonable approach?
Hi Lev, thanks for your comments!
CM already uses Bootstrap and responsive design, even though it can be argued that it does not work too well. When resizing your browser window you should see that some navigation elements are collapsing and that the two panels aren't horizontally aligned anymore, but instead vertically.
I once began to implement that the mobile view supported swiping between the the panels, but it was quite hard to get everything to work correctly on desktop and mobile, so it never made it into a release.
Anyway, I welcome any improvements over the current state, so maybe we can start a discussion of what would be a good approach to make CM better on mobile!
Hi @devsnd Thanks for the comments.
Sorry, yes I realize it already uses bootstrap. I think that we can make some minor changes and make the mobile experience a lot better. I will work on something this week for you to look at in my fork and we can go from there.
My idea is to keep the design as close to the original as possible, and just change the way that some elements are presented to make the mobile experience a bit more usable. I currently use CM on my phone every day during my commute and it works fine if I find a playlist and stick with it, but it would be nice to have some more flexibility.
The functionality of CM is spot on, I think making some small tweaks to the UI will make it even better. Thanks for all of your hard work on this project! :)