Join GitHub today
GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together.Sign up
Responsive design #726
I am working on the responsive design of the UI options as part of the Google Summer of Code program. This is the work that I have done for the past few weeks. I used the mock-ups (https://wiki.fluidproject.org/display/fluid/%28Floe%29+User+Interface+%28Learner%29+Options+Mobile+and+Responsive+Design) as a guideline for how it is supposed to look for small screens (max-width: 640px).
The changes are tested in Chrome and using the UI options demo. It is the only demo in which I have added all new files. There might be quite a few bugs in the other demos, which I will resolve later.
I will be very thankful if you can give me some feedback on how to improve the implementation and a better way to construct the components if there is one.
@the-t-in-rtf, thanks for bringing this up.
This pull request contains three things:
Before this pull request can be merged into the master, what's left to do:
@jhung, please add if I missed anything above.
I'm not sure how mature it is that new features of "Blue Color Filter" and "Mute Audio" have been decided to be included as UIO default panels. (@jhung, do you have some ideas?) If it's not yet decided, we probably should consider to split this pull request to 2 or even 3 individual pull requests so the responsive design itself can make into the master sooner and easier.
@mgifford if you're referring to the responsive layout specifically, we've recently released a responsive version of the Preferences Framework that you can see in action in the demo at https://build.fluidproject.org/infusion/demos/prefsFramework/, among other places