jardilio-kpmg / ads-rfq-prototype

http://ec2-52-1-174-71.compute-1.amazonaws.com:8888/origin/master
Other
2 stars 1 forks source link

Bug/layout issues #72

Closed jvillarreal-kpmg closed 9 years ago

jvillarreal-kpmg commented 9 years ago

Fixes layout issues:

There are some important rules for Material in order to make the layout work in different browsers:

Rules in Chrome:

<body ng-app="starterApp" layout="column" layout-fill>
<div layout="column" layout-fill>
  <div layout="column" layout-fill> 

If that appears it won't use the entire space for any child with flex. It won't be able to center items.

Rules in Firefox:

jcornwell-kpmg commented 9 years ago

@jvillarreal-kpmg , I did some testing of this PR's branch (http://ec2-52-1-174-71.compute-1.amazonaws.com:8888/origin/bug/layout-issues/) and noticed this on Android phone Chrome:

I tested on iPad mini, iPhone, Chrome desktop, and Firefox desktop and I think the layout changes look ok there.

jcornwell-kpmg commented 9 years ago

The last update @jvillarreal-kpmg made fixes the Android Chrome problem I described earlier.