GoogleChromeLabs/react-shrine

potential UI drawbacks

Opened this issue · 0 comments

In SaleProducts route, the product list part at the bottom is not looking good in responsive view as the one on Landing page.
sale-products-route-responsive
If the number of products in a category is less than 3 then the product list part looks cut like this.
responsive-not-perfect
magnifier part is not responsive.
magnifier-not-responsive
Some avatars' links broken(The cause of this is image file name extension mistake like confusing .png with .jpg.)
avatar-link
product summary part disappears between breakpoints from 1200px to 1280px.
product-summary-disapper(1200-1280)

  • TODO: handling(minor)
  • localIdentName setting in webpack for avoiding css override by mistake and improving component level css.(minor)
  • The styling in drawer UI is a bit different from the original, the point is it should look nice, not dead and dumb.(minor)
    dead-color-drawer