Responsive design with nested routes


#1

Has anyone had any success using ember with a responsive design and nested routes?

When showing the top level route template I would like to show everything that’s outside of the outlet and then when navigating to a nested route I would like to show only what’s inside the outlet, i.e. the nested part.

I have it kind of working but this involves lots of message passing from the nested view back to the top level controller telling it to add/remove my responsive classes. It works in part but it feels dirty and brings it’s own set of problems. Does anyone have any better solutions?


#2

Isn’t it better to use same HTML everywhere and style it with CSS media queries?