Famous/famous-angular

fa-origin not working in fa-header-footer-layout

jaypanares opened this issue · 3 comments

jaypanares commented

Hi, currently working on a header footer layout and trying to center "Content" using the following code:

<fa-app id="app" ng-controller="AppController"> <fa-header-footer-layout> <fa-modifier fa-size="[undefined,48]"> <fa-surface fa-background-color="'#009688'"></fa-surface> </fa-modifier> <fa-modifier> <fa-surface fa-background-color="'#f5f5f5'"></fa-surface> <fa-modifier fa-size="[true,true]" fa-origin="[0.5,0.5]" fa-align="[0.5,0.5]"> <fa-surface>Content</fa-surface> </fa-modifier> </fa-modifier> </fa-header-footer-layout> </fa-app>

fa-align seems to work fine but the origin looks to be still on [0,0] when I preview in a browser. Is there something wrong with my code?

Thanks!

jordanpapaleo commented

FA size does not support true sizing. Replace [true, true] to see if it fixes your issue.

Sent from my iPhone

On Mar 18, 2015, at 9:08 PM, jaypanares notifications@github.com wrote:

Hi, currently working on a header footer layout and trying to center "Content" using the following code:

Content

fa-align seems to work fine but the origin looks to be still on [0,0] when I preview in a browser. Is there something wrong with my code?

Thanks!

—
Reply to this email directly or view it on GitHub.

jaypanares commented

Thanks! Align and origin seems to be working as expected now, but does that mean I won't easily be able to auto-resize based on what the content is?

jordanpapaleo commented

With the flat Dom you will need to be aware of you content size.

Sent from my iPhone

On Mar 18, 2015, at 10:55 PM, jaypanares notifications@github.com wrote:

Thanks! Align and origin seems to be working as expected now, but does that mean I won't easily be able to auto-resize based on what the content is?

—
Reply to this email directly or view it on GitHub.