Add responsive design improvements

thaliproject / postcardapp

A sample app to demonstrate how to build Thali applications

MIT License

22 stars 5 forks source link

Add responsive design improvements #107

Closed deadlyfingers closed 8 years ago

deadlyfingers commented 8 years ago

Because of the lack of an "adaptive design" grid view option with the 'iron-list' element (as discussed in issue #100), we should look at doing some more "responsive design" improvements. At the minute we have set a max width property and that helps stop an iron-list row from looking far too stretched out. But we should also add some responsive layout styles to the row cell view to enhance the design for large desktop or tablet screens.

deadlyfingers commented 8 years ago

Styling docs: https://www.polymer-project.org/1.0/docs/devguide/styling.html Polymer app theme editor: http://www.materialpalette.com/grey/pink

deadlyfingers commented 8 years ago

Fixed breaking issue when using custom Polymer styles when doing a gulp minify html task to build for mobile.

Updated gulp task to use https://github.com/kangax/html-minifier
Added support for custom Polymer attributes. Related issue - https://github.com/Polymer/docs/issues/879

deadlyfingers commented 8 years ago

Uploading demo videos of new Postcard app running on Android devices and also a demo showing responsive design on the desktop...