search

adopted-ember-addons / ember-paper

The Ember approach to Material Design.
https://ember-paper.netlify.app/
MIT License
888 stars 333 forks source link

layout-wrap leaves spaces in column #687

Open kgcorner opened 7 years ago

kgcorner commented 7 years ago

I am trying to create pinterest like layout. I am able to list all my cards. I am using below code.

&lt;div class="layout-row layout-wrap"> {{#each model as |item|}} &lt;div class="flex-45"> {{#feed-small class="col-xs-5" feed=item}} {{/feed-small}}</div> {{/each}} &lt;/div>

My cards are listing properly for cards with same height. When i receive cards with different height it leaves blank spaces screenshot from 2017-04-06 22 36 12

miguelcobain commented 7 years ago

@kgcorner these CSS peculiarities can be difficult and time consuming to debug and review. If you could provide an ember-twiddle with this issue, i could provide some insight. Use ember-twiddle canary. It supports ember-paper.

kgcorner commented 7 years ago

I am pretty new to ember js and unable to understand how to code in canary. I tried but its not working. It is using concepts of controller where as i have used routes. Could you please access the dev app directly?

http://pixyfi.com/pwa

A little effort from your side will be required, which i request you to do. Please login using facebook and on landing page just reload the page. If it is not possible then i will try uploading the complete project on github itself

v3ss0n commented 7 years ago

can you remove facebook/google login for a sample test?

kgcorner commented 7 years ago

@v3ss0n I have deployed by removing login page. You can see the UI directly now by visiting http://pixyfi.com/pwa

v3ss0n commented 7 years ago

Dosen't work for me.

kgcorner commented 7 years ago

@v3ss0n sorry for that. Its working now http://www.pixyfi.com/pwa/feeds please use mobile view to get the issue