CruGlobal/conf-registration-web — pull request #265 by OzzieOrca (2014-12-02 12:34:28+00:00)
Title: Responsive Site

So I was thinking about the questions page and how it was not very mobile friendly both because the drag and drop didn't work and because nothing scaled down to the phone size. I was going to prototype it a little bit and see what ideas I had but it turned into much more than that with a new questions toolbar, pages and their blocks in panels and toolbars for each of those blocks.

![image](https://cloud.githubusercontent.com/assets/756501/5262550/f376ae88-79db-11e4-9f24-6e736e94d909.png)
![image](https://cloud.githubusercontent.com/assets/756501/5262573/1dc0e49c-79dc-11e4-93c4-cd44e8f25085.png)

I completely killed the drag functionality with my HTML and CSS rewrite although if this moves forward I intend to add it back. It was nice to not have to worry about it as I modified stuff and the current implementation didn't work on touch devices anyways.

I was looking at using one of these libraries for drag and drop since they work on touch devices:
http://jimliu.github.io/angular-ui-tree/index.html - Has great Angular bindings. I successfully used it to reorder the toolbar of new questions (although I haven't committed that yet)
http://rubaxa.github.io/Sortable/
http://touchpunch.furf.com/

What are your guys' initial thoughts? I probably should have discussed it first but I got a piece of it working and just kept going. I think it is more user friendly but I would like to hear feedback. Also, since I enabled responsiveness, some of the other pages and the header don't scale correctly in narrower viewports. That would take a bit to go through and fix but it shouldn't be too bad and should be done anyway if we want the site to be responsive.

This is NOT ready to merge, I just wanted to share it.

Also the delete page btn is a little big but I was trying to figure out what to do with it. Maybe I'll split it into a separate button group...